hide everything within a div including background image
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
-1
I have a div with some contents. I am able to hide the contents in the div with css visibility attribute. The css visibility attribute only hides the content and does not hide background image of base64. My challenge now is to hide everything with the div including the base64 background image. Here is the attempt
<div class="stl_02a">
<div class="stl_03a">
//this is the background image
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzAAAAQgCAYAAAA5ebkOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAABGuSURBVHhe7dshjh1kGIXhkciRyEoUYQmzDCRLQLACFDtAdgfYBjUK2aBIcATRNIjK6vLfzBCSq+ee9PvO8yQnM7muyZfp/zbTOwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF7Mz2ePZmZmZmaDR5Gvzh7MzMzMzAYPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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" alt=""
class="stl_04a">
</div>
<div class="stl_view">
<div style="visibility:collapse; background: #fff">
//..... content here and to hide everything within this div
</div>
</div>
</div>how to hide everything within the above div is the challenge
html css
asked Nov 15 '18 at 9:13
user10445503user10445503
589
|
show 2 more comments
-1
I have a div with some contents. I am able to hide the contents in the div with css visibility attribute. The css visibility attribute only hides the content and does not hide background image of base64. My challenge now is to hide everything with the div including the base64 background image. Here is the attempt
<div class="stl_02a">
<div class="stl_03a">
//this is the background image
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzAAAAQgCAYAAAA5ebkOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAABGuSURBVHhe7dshjh1kGIXhkciRyEoUYQmzDCRLQLACFDtAdgfYBjUK2aBIcATRNIjK6vLfzBCSq+ee9PvO8yQnM7muyZfp/zbTOwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF7Mz2ePZmZmZmaDR5Gvzh7MzMzMzAYPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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" alt=""
class="stl_04a">
</div>
<div class="stl_view">
<div style="visibility:collapse; background: #fff">
//..... content here and to hide everything within this div
</div>
</div>
</div>how to hide everything within the above div is the challenge
html css
asked Nov 15 '18 at 9:13
user10445503user10445503
589
Can you make an example with the image? Asdisplay:none;does the job in this case.
– JeroenE
Nov 15 '18 at 9:18
I have editted the question to show bg image
– user10445503
Nov 15 '18 at 9:25
You have to put thedisplay:none;to the div with class: `stl_02a'. Then everything from that class will be hidden (including the image).
– JeroenE
Nov 15 '18 at 9:27
there are content in in stl_02a that I want to remain visible
– user10445503
Nov 15 '18 at 9:28
Then adddisplay:noneto the image. :)
– JeroenE
Nov 15 '18 at 9:29
|
show 2 more comments
-1
-1
-1
I have a div with some contents. I am able to hide the contents in the div with css visibility attribute. The css visibility attribute only hides the content and does not hide background image of base64. My challenge now is to hide everything with the div including the base64 background image. Here is the attempt
<div class="stl_02a">
<div class="stl_03a">
//this is the background image
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzAAAAQgCAYAAAA5ebkOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAABGuSURBVHhe7dshjh1kGIXhkciRyEoUYQmzDCRLQLACFDtAdgfYBjUK2aBIcATRNIjK6vLfzBCSq+ee9PvO8yQnM7muyZfp/zbTOwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF7Mz2ePZmZmZmaDR5Gvzh7MzMzMzAYPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgEkezz6ZhXe5OwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADo8erswewz3+VO4Rb8DLSJ8zMRqPb67NHsM9/lTuEW/Ay0ifMzEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4D/3Z6+evl1h258H4KV88/wVbsmdkeLWir09+2RmZmZmNmw/nlHou7PXT9+usO3PA/ASHs4en76Fm/rrzG9CkODWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrdnnw/3J2+cttw346e3P1mZlZ+74/+/3qM7Nb7P3Zt1efmd1if58JmFKXgPnz7PIvcxv2x9m7q8/MzNr39uzD1Wdmt9jHs9+uPjO7xf45EzClNv7K1f3zVwD+52cjCe6MFL9CVsz/GQEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMsR/O3pw9mJmZmZkN2fuzr88o9OvZu7NHMzMzM7Mh+3h2+Yd4Cn1xdv/0LQAAjPDl81cAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA2ODu7l9MWGjRg3gQ4wAAAABJRU5ErkJggg==" alt=""
class="stl_04a">
</div>
<div class="stl_view">
<div style="visibility:collapse; background: #fff">
//..... content here and to hide everything within this div
</div>
</div>
</div>how to hide everything within the above div is the challenge
html css
asked Nov 15 '18 at 9:13
user10445503user10445503
589
I have a div with some contents. I am able to hide the contents in the div with css visibility attribute. The css visibility attribute only hides the content and does not hide background image of base64. My challenge now is to hide everything with the div including the base64 background image. Here is the attempt
<div class="stl_02a">
<div class="stl_03a">
//this is the background image
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzAAAAQgCAYAAAA5ebkOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAABGuSURBVHhe7dshjh1kGIXhkciRyEoUYQmzDCRLQLACFDtAdgfYBjUK2aBIcATRNIjK6vLfzBCSq+ee9PvO8yQnM7muyZfp/zbTOwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF7Mz2ePZmZmZmaDR5Gvzh7MzMzMzAYPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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" alt=""
class="stl_04a">
</div>
<div class="stl_view">
<div style="visibility:collapse; background: #fff">
//..... content here and to hide everything within this div
</div>
</div>
</div>how to hide everything within the above div is the challenge
<div class="stl_02a">
<div class="stl_03a">
//this is the background image
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzAAAAQgCAYAAAA5ebkOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAABGuSURBVHhe7dshjh1kGIXhkciRyEoUYQmzDCRLQLACFDtAdgfYBjUK2aBIcATRNIjK6vLfzBCSq+ee9PvO8yQnM7muyZfp/zbTOwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF7Mz2ePZmZmZmaDR5Gvzh7MzMzMzAYPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgEkezz6ZhXe5OwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADo8erswewz3+VO4Rb8DLSJ8zMRqPb67NHsM9/lTuEW/Ay0ifMzEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4D/3Z6+evl1h258H4KV88/wVbsmdkeLWir09+2RmZmZmNmw/nlHou7PXT9+usO3PA/ASHs4en76Fm/rrzG9CkODWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrJmAA9hMwpHhUkuLWigkYgP0EDCkelaS4tWICBmA/AUOKRyUpbq2YgAHYT8CQ4lFJilsrdnnw/3J2+cttw346e3P1mZlZ+74/+/3qM7Nb7P3Zt1efmd1if58JmFKXgPnz7PIvcxv2x9m7q8/MzNr39uzD1Wdmt9jHs9+uPjO7xf45EzClNv7K1f3zVwD+52cjCe6MFL9CVsz/GQEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMMQEDAMA0AqaYgAEAYBoBU0zAAAAwjYApJmAAAJhGwBQTMAAATCNgigkYAACmETDFBAwAANMImGICBgCAaQRMsR/O3pw9mJmZmZkN2fuzr88o9OvZu7NHMzMzM7Mh+3h2+Yd4Cn1xdv/0LQAAjPDl81cAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA2ODu7l9MWGjRg3gQ4wAAAABJRU5ErkJggg==" alt=""
class="stl_04a">
</div>
<div class="stl_view">
<div style="visibility:collapse; background: #fff">
//..... content here and to hide everything within this div
</div>
</div>
</div><div class="stl_02a">
<div class="stl_03a">
//this is the background image
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzAAAAQgCAYAAAA5ebkOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAABGuSURBVHhe7dshjh1kGIXhkciRyEoUYQmzDCRLQLACFDtAdgfYBjUK2aBIcATRNIjK6vLfzBCSq+ee9PvO8yQnM7muyZfp/zbTOwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF7Mz2ePZmZmZmaDR5Gvzh7MzMzMzAYPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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" alt=""
class="stl_04a">
</div>
<div class="stl_view">
<div style="visibility:collapse; background: #fff">
//..... content here and to hide everything within this div
</div>
</div>
</div>html css
html css
asked Nov 15 '18 at 9:13
user10445503user10445503
589
asked Nov 15 '18 at 9:13
user10445503user10445503
589
edited Nov 15 '18 at 9:25
user10445503
asked Nov 15 '18 at 9:13
user10445503user10445503
589
asked Nov 15 '18 at 9:13
user10445503user10445503
589
asked Nov 15 '18 at 9:13
user10445503user10445503
589
589
Can you make an example with the image? Asdisplay:none;does the job in this case.
– JeroenE
Nov 15 '18 at 9:18
I have editted the question to show bg image
– user10445503
Nov 15 '18 at 9:25
You have to put thedisplay:none;to the div with class: `stl_02a'. Then everything from that class will be hidden (including the image).
– JeroenE
Nov 15 '18 at 9:27
there are content in in stl_02a that I want to remain visible
– user10445503
Nov 15 '18 at 9:28
Then adddisplay:noneto the image. :)
– JeroenE
Nov 15 '18 at 9:29
|
show 2 more comments
Can you make an example with the image? Asdisplay:none;does the job in this case.
– JeroenE
Nov 15 '18 at 9:18
I have editted the question to show bg image
– user10445503
Nov 15 '18 at 9:25
You have to put thedisplay:none;to the div with class: `stl_02a'. Then everything from that class will be hidden (including the image).
– JeroenE
Nov 15 '18 at 9:27
there are content in in stl_02a that I want to remain visible
– user10445503
Nov 15 '18 at 9:28
Then adddisplay:noneto the image. :)
– JeroenE
Nov 15 '18 at 9:29
Can you make an example with the image? As
display:none; does the job in this case.– JeroenE
Nov 15 '18 at 9:18
Can you make an example with the image? As
display:none; does the job in this case.– JeroenE
Nov 15 '18 at 9:18
I have editted the question to show bg image
– user10445503
Nov 15 '18 at 9:25
I have editted the question to show bg image
– user10445503
Nov 15 '18 at 9:25
You have to put the
display:none; to the div with class: `stl_02a'. Then everything from that class will be hidden (including the image).– JeroenE
Nov 15 '18 at 9:27
You have to put the
display:none; to the div with class: `stl_02a'. Then everything from that class will be hidden (including the image).– JeroenE
Nov 15 '18 at 9:27
there are content in in stl_02a that I want to remain visible
– user10445503
Nov 15 '18 at 9:28
there are content in in stl_02a that I want to remain visible
– user10445503
Nov 15 '18 at 9:28
Then add
display:none to the image. :)– JeroenE
Nov 15 '18 at 9:29
Then add
display:none to the image. :)– JeroenE
Nov 15 '18 at 9:29
|
show 2 more comments
1 Answer
1
active
oldest
votes
0
instead of visibility:collapse, use the display:none property.
Also, reading from this page, visibility:collapse is only for table rows, row groups, columns, column groups. This value removes a row or column, but it does not affect the table layout. The space taken up by the row or column will be available for other content.
If you want to use it on other type of elements, visibility:hidden should be used.
EDIT:
Now that you edited your post, it's obvious why your "background" image shows, and that is because the element with the content and the element with the background image are unrelated. You need to set display:none or visibility:hidden on the div with class stl_02a
answered Nov 15 '18 at 9:15
László StahorszkiLászló Stahorszki
396212
the background image still shows but the content does not
– user10445503
Nov 15 '18 at 9:16
This is a low quality answer. Please edit.
– Foo
Nov 15 '18 at 9:17
@user10445503 display: none should hide the entire div including background.
– kiranvj
Nov 15 '18 at 9:19
@user10445503 show us all your relevant code (include your background-image)please
– לבני מלכה
Nov 15 '18 at 9:20
are you sure you are setting thevisibilityproperty on the element where the background is, instead of a child element of it?
– László Stahorszki
Nov 15 '18 at 9:23
|
show 2 more comments
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53315943%2fhide-everything-within-a-div-including-background-image%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
instead of visibility:collapse, use the display:none property.
Also, reading from this page, visibility:collapse is only for table rows, row groups, columns, column groups. This value removes a row or column, but it does not affect the table layout. The space taken up by the row or column will be available for other content.
If you want to use it on other type of elements, visibility:hidden should be used.
EDIT:
Now that you edited your post, it's obvious why your "background" image shows, and that is because the element with the content and the element with the background image are unrelated. You need to set display:none or visibility:hidden on the div with class stl_02a
answered Nov 15 '18 at 9:15
László StahorszkiLászló Stahorszki
396212
the background image still shows but the content does not
– user10445503
Nov 15 '18 at 9:16
This is a low quality answer. Please edit.
– Foo
Nov 15 '18 at 9:17
@user10445503 display: none should hide the entire div including background.
– kiranvj
Nov 15 '18 at 9:19
@user10445503 show us all your relevant code (include your background-image)please
– לבני מלכה
Nov 15 '18 at 9:20
are you sure you are setting thevisibilityproperty on the element where the background is, instead of a child element of it?
– László Stahorszki
Nov 15 '18 at 9:23
|
show 2 more comments
0
instead of visibility:collapse, use the display:none property.
Also, reading from this page, visibility:collapse is only for table rows, row groups, columns, column groups. This value removes a row or column, but it does not affect the table layout. The space taken up by the row or column will be available for other content.
If you want to use it on other type of elements, visibility:hidden should be used.
EDIT:
Now that you edited your post, it's obvious why your "background" image shows, and that is because the element with the content and the element with the background image are unrelated. You need to set display:none or visibility:hidden on the div with class stl_02a
answered Nov 15 '18 at 9:15
László StahorszkiLászló Stahorszki
396212
the background image still shows but the content does not
– user10445503
Nov 15 '18 at 9:16
This is a low quality answer. Please edit.
– Foo
Nov 15 '18 at 9:17
@user10445503 display: none should hide the entire div including background.
– kiranvj
Nov 15 '18 at 9:19
@user10445503 show us all your relevant code (include your background-image)please
– לבני מלכה
Nov 15 '18 at 9:20
are you sure you are setting thevisibilityproperty on the element where the background is, instead of a child element of it?
– László Stahorszki
Nov 15 '18 at 9:23
|
show 2 more comments
0
0
0
instead of visibility:collapse, use the display:none property.
Also, reading from this page, visibility:collapse is only for table rows, row groups, columns, column groups. This value removes a row or column, but it does not affect the table layout. The space taken up by the row or column will be available for other content.
If you want to use it on other type of elements, visibility:hidden should be used.
EDIT:
Now that you edited your post, it's obvious why your "background" image shows, and that is because the element with the content and the element with the background image are unrelated. You need to set display:none or visibility:hidden on the div with class stl_02a
answered Nov 15 '18 at 9:15
László StahorszkiLászló Stahorszki
396212
instead of visibility:collapse, use the display:none property.
Also, reading from this page, visibility:collapse is only for table rows, row groups, columns, column groups. This value removes a row or column, but it does not affect the table layout. The space taken up by the row or column will be available for other content.
If you want to use it on other type of elements, visibility:hidden should be used.
EDIT:
Now that you edited your post, it's obvious why your "background" image shows, and that is because the element with the content and the element with the background image are unrelated. You need to set display:none or visibility:hidden on the div with class stl_02a
answered Nov 15 '18 at 9:15
László StahorszkiLászló Stahorszki
396212
edited Nov 15 '18 at 9:30
answered Nov 15 '18 at 9:15
László StahorszkiLászló Stahorszki
396212
answered Nov 15 '18 at 9:15
László StahorszkiLászló Stahorszki
396212
answered Nov 15 '18 at 9:15
László StahorszkiLászló Stahorszki
396212
396212
the background image still shows but the content does not
– user10445503
Nov 15 '18 at 9:16
This is a low quality answer. Please edit.
– Foo
Nov 15 '18 at 9:17
@user10445503 display: none should hide the entire div including background.
– kiranvj
Nov 15 '18 at 9:19
@user10445503 show us all your relevant code (include your background-image)please
– לבני מלכה
Nov 15 '18 at 9:20
are you sure you are setting thevisibilityproperty on the element where the background is, instead of a child element of it?
– László Stahorszki
Nov 15 '18 at 9:23
|
show 2 more comments
the background image still shows but the content does not
– user10445503
Nov 15 '18 at 9:16
This is a low quality answer. Please edit.
– Foo
Nov 15 '18 at 9:17
@user10445503 display: none should hide the entire div including background.
– kiranvj
Nov 15 '18 at 9:19
@user10445503 show us all your relevant code (include your background-image)please
– לבני מלכה
Nov 15 '18 at 9:20
are you sure you are setting thevisibilityproperty on the element where the background is, instead of a child element of it?
– László Stahorszki
Nov 15 '18 at 9:23
the background image still shows but the content does not
– user10445503
Nov 15 '18 at 9:16
the background image still shows but the content does not
– user10445503
Nov 15 '18 at 9:16
This is a low quality answer. Please edit.
– Foo
Nov 15 '18 at 9:17
This is a low quality answer. Please edit.
– Foo
Nov 15 '18 at 9:17
@user10445503 display: none should hide the entire div including background.
– kiranvj
Nov 15 '18 at 9:19
@user10445503 display: none should hide the entire div including background.
– kiranvj
Nov 15 '18 at 9:19
@user10445503 show us all your relevant code (include your background-image)please
– לבני מלכה
Nov 15 '18 at 9:20
@user10445503 show us all your relevant code (include your background-image)please
– לבני מלכה
Nov 15 '18 at 9:20
are you sure you are setting the
visibility property on the element where the background is, instead of a child element of it?– László Stahorszki
Nov 15 '18 at 9:23
are you sure you are setting the
visibility property on the element where the background is, instead of a child element of it?– László Stahorszki
Nov 15 '18 at 9:23
|
show 2 more comments
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53315943%2fhide-everything-within-a-div-including-background-image%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Can you make an example with the image? As
display:none;does the job in this case.– JeroenE
Nov 15 '18 at 9:18
I have editted the question to show bg image
– user10445503
Nov 15 '18 at 9:25
You have to put the
display:none;to the div with class: `stl_02a'. Then everything from that class will be hidden (including the image).– JeroenE
Nov 15 '18 at 9:27
there are content in in stl_02a that I want to remain visible
– user10445503
Nov 15 '18 at 9:28
Then add
display:noneto the image. :)– JeroenE
Nov 15 '18 at 9:29