ie8中图片设置max-width属性满足一定的条件会导致消失

ttx9n · 发表于 2012-12-12 14:23:14

图片设置max-width会使图片消失，当然，是要满足一定的条件的，此问题不可小视应该引起前端攻城师们的注意力图片设置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直接看效果吧。

5vulod · 发表于 2022-8-22 05:43:13

看看看看看看看看看看看看看看看看看看看看看看看看看看看

i1efp6c · 发表于 2022-9-6 16:16:28

先把创新班才能下班才能下班

3t0ukmu · 发表于 2023-5-7 20:25:00

哟哟哟哟哟以偶

r8st9 · 发表于 2023-6-24 03:00:59

额头额定法国队是范德萨

lsc54 · 发表于 2023-9-11 08:53:05

这个源码不错啊

uj9lpc · 发表于 2023-9-14 19:05:02

借款金额看了就立刻

4k0mp7m · 发表于 2023-9-18 12:42:30

看看看咋么

feiyasqhr · 发表于 2023-10-13 12:26:20

人都不在了啊啊

wxrf98xr · 发表于 2023-12-5 09:41:02

sdsadsadsadf

账号		自动登录	找回密码
密码			立即注册

[CSS] ie8中图片设置max-width属性满足一定的条件会导致消失