css如何让背景图片导入却暂不显示

html-css024

css如何让背景图片导入却暂不显示,第1张

只能用js来达到效果了这样<img src="skin.png" onload="changeback()" style="display:none">//一个隐藏的图片 加个onload事件，将skin.png加载到临时文件里onload事件里changeback()函数来设置背景<script>function changeback(){document.body.style.backgroundImage ="url(skin.png)"}</script>

外围容器给固定宽度，不指定高度或高度auto（此时需要设置overflow:hidden）。

例：

.photoContainer { width:700px}

.photoContainer li { width:200pxheight:200pxmargin:10px 0 0 10pxoverflow:hiddenfloat:left}

.photoContainer li img { width:180pxheight:180px}

<ul class="photoContainer">

<li><a href="#" target="_blank"><img src="images/1.jpg" ></a></li>

<li><a href="#" target="_blank"><img src="images/2.jpg" ></a></li>

<li><a href="#" target="_blank"><img src="images/3.jpg" ></a></li>

<li><a href="#" target="_blank"><img src="images/1.jpg" ></a></li>

<li><a href="#" target="_blank"><img src="images/2.jpg" ></a></li>

<li><a href="#" target="_blank"><img src="images/3.jpg" ></a></li>

</ul>

就是上面说的那样啊。

外围容器给固定宽度，不指定高度或高度auto（此时需要设置overflow:hidden）。