国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

ie8中圖片設置max-width屬性滿足一定的條件會導致消失

2024-07-11 08:29:19
字體：大 中 小
來源：轉載
供稿：網友
圖片設置max-width會使圖片消失，當然，是要滿足一定的條件的，日常工作中，可能用到的不多，但也應該引起前端攻城師們的注意力。

首先來看一下，應該滿足的條件：
1.圖片通過css設置了max-width:100%
2.圖片設置了width屬性，且不等于auto的值，或者css中設置了width，且不等于auto。
3.圖片的父級元素設置了float，且沒有設置寬度
如果滿足以上條件，在IE8（標準模式）中，圖片寬度為0，不會在瀏覽器中顯示。請看demo1和demo2。

其它瀏覽器中顯示效果如下：

修復辦法：
1.給父級浮動元素設置不為auto的寬度。
2.去掉image元素的width屬性。
3.在image元素沒有width屬性的情況下，設置樣式width為auto。
4.去掉max-width樣式。

修復的demo就不做演示了，修修上面的demo直接看效果吧。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 武功县| 报价| 龙海市| 曲阳县| 耒阳市| 图木舒克市| 诸暨市| 嘉善县| 沿河| 法库县| 阜阳市| 玉田县| 神池县| 梨树县| 清徐县| 溧阳市| 庆云县| 黄浦区| 北宁市| 拉孜县| 孙吴县| 商南县| 丰县| 福建省| 龙泉市| 北碚区| 华容县| 亚东县| 马关县| 永胜县| 诸城市| 浙江省| 轮台县| 油尖旺区| 彩票| 玉林市| 澄城县| 六枝特区| 连江县| 鸡西市| 陇川县|