iLeichun

当前位置: 首页 > 网页设计

DIV+CSS背景图片在FF中消失,FF中不显示背景图片的解决方法

分类:网页设计   来源:网络   时间:2010-08-15 23:41:14

当你设置了背景图片的时候,ie显示正常,但是火狐却没有显示,如果网友很大,看到的效果是:背景图片在火狐中一闪而过,而不是没有显示。

你可以尝试如下方法:

1、把css中背景图片的地址改为完整网址,如12.jpg,改为网址+12.jpg就可以了。因为在火狐中是一闪而过,而使用完整网址的话,浏览器就会去重新解析,下载图片,这样产生了一定的延时,一闪而过的图片得以显示。

2、看看图片路径是不是有中文名称,有些浏览器不能兼容中文路径,把路径改成英文的试试。

3、当有float样式时要注意在内部每个div后加一个清除浮动,这样firefox和opera就把里面不当成浮动(ie会自动清除),会自动计算内部div高度

.inner1{

      float:left;

}

.inner2{

      float:right;

}

<div class="outer">
  <div class="inner1"></div>
  <div class="inner2"></div>
  <div style="clear:both;"></div>
</div>
 

更多