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

首頁 > 開發(fā) > CSS > 正文

ie8中圖片設(shè)置max-width屬性滿足一定的條件會(huì)導(dǎo)致消失

2024-07-11 08:48:56
字體：大 中 小
供稿：網(wǎng)友
圖片設(shè)置max-width會(huì)使圖片消失，當(dāng)然，是要滿足一定的條件的，日常工作中，可能用到的不多，但也應(yīng)該引起前端攻城師們的注意力。

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

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

修復(fù)辦法：
1.給父級(jí)浮動(dòng)元素設(shè)置不為auto的寬度。
2.去掉image元素的width屬性。
3.在image元素沒有width屬性的情況下，設(shè)置樣式width為auto。
4.去掉max-width樣式。

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

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 喀喇沁旗| 洪湖市| 绵阳市| 宜州市| 特克斯县| 临泉县| 江川县| 卫辉市| 夹江县| 博白县| 湖南省| 神木县| 修文县| 山东| 揭东县| 四川省| 昌邑市| 凭祥市| 邵东县| 沁阳市| 乌鲁木齐县| 成武县| 连江县| 乌兰浩特市| 通辽市| 天柱县| 科尔| 肃北| 阿拉尔市| 左权县| 沈阳市| 兴海县| 维西| 甘孜| 秦皇岛市| 洪江市| 阳原县| 巴林左旗| 海宁市| 巩留县| 廉江市|