zoukankan      html  css  js  c++  java
  • 解决IE8下父容器背景图片不显示的问题

    我们发现在IE8下不能显示背景图片的原因是因为子容器使用了float浮动而没有真正闭合,这也是div无法自适应高度的一个原因。如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV,这种情况一般出现在一个父DIV下包含多个子DIV。
    以下是我在制作网页时遇到的一个问题:

    目前,随着IE8的发布,网页兼容问题有面临一次挑战,当我们辛辛苦苦制作出的网页,在IE6、IE7下显示正常,但却在IE8下显示不正常了,可能你会说,添加一段代码,可以行的,但却有时会出现意外,比如当你为子容器添加了float后,你有为父容器添加了一个背景图片,在IE6、IE7下父容器的背景图片显示很正常,但在IE8下,父容器的背景图片不见了,怎么回事?

    大家知道,现在的IE8越来越接近WEB标准了,所以对于不规范的写法他会不正常的显示,或变形、或移位、或……。

    我们发现在IE8下不能显示背景图片的原因是因为子容器使用了float浮动而没有真正闭合,这也是div无法自适应高度的一个原因。如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV,这种情况一般出现在一个父DIV下包含多个子DIV。

    解决办法:给父DIV也设上float,即可解决父容器下背景图片显示问题。
  • 相关阅读:
    Supermap/Cesium 开发心得----获取三维视角的四至范围
    Supermap/Cesium 开发心得----定位
    GIS面试小知识点
    Oracle数据库小知识点整理
    利用 uDig 生成 GeoServer 可用的 SLD 渲染文件
    Geoserver设置style
    图片按宽高比1:1响应,窗口大小如何变化,图片宽高始终相等
    简单树
    递归渲染树
    div等高布局
  • 原文地址:https://www.cnblogs.com/younggun/p/2047251.html
Copyright © 2011-2022 走看看