国产探花免费观看_亚洲丰满少妇自慰呻吟_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直接看效果吧。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 五原县| 将乐县| 彰化县| 左权县| 迁西县| 酉阳| 高安市| 辽宁省| 洛隆县| 德安县| 喀喇| 富锦市| 互助| 渭南市| 望奎县| 旅游| 景泰县| 咸阳市| 中方县| 永修县| 扶绥县| 敦化市| 综艺| 德保县| 永春县| 峡江县| 临泽县| 阿克陶县| 连山| 涡阳县| 洞头县| 全南县| 穆棱市| 通化县| 嘉兴市| 巴塘县| 大英县| 阳城县| 东台市| 诸暨市| 通江县|