你正在浏览的是 css 标签

IE8 不定尺寸图片垂直居中引起的 bug

0 ~o~

bug描述: 容器 display: table-cell 内部img max-width失效

今天要做一个图片尺寸不定 垂直居中 的效果.
状况如下:
容器: 为200*200
图片: 尺寸不定, 会比 容器小,或者会比容器大.

所以就想到了 用max-width属性来 实现,(当然ie6 需要用js 替代实现, 因为max-width ie6不吃)

参考 蓝色的 代码: inline-block 发

http://bbs.blueidea.com/thread-2666987-1-9.html

然后就发现了 这个bug , google 了一下 果然有 http://goo.gl/Si9z

解决办法

IE下使用hack 避开display:table-cell 属性,打成 inline-block,用行高法来实现.

偏激害死人 – 再谈 OOCSS – 对象式书写规则

12 feet

又见IE6吐槽~ 并行结构式class引起的bug

16 feet

伸缩自如 – 绝对定位的自适应能力

7 feet

发现 图片上的map的链接 不能是target=”_blank”

1 foot

Page 2 of 512345

Who am I ?

飞鱼,男,浙江人士。
非专业前端、交互设计师。
目前在 企鹅村 通宵 打酱油

最新在啃

php和mysql web开发(原书第4版) javascript

新鲜的肉

最新评论

  • 小元: 啊!我会弄了!
  • 小元: 请问多窗口并显怎么设置?看了文章还是不会呢! “打开html页面,点击多窗口panel,然后从左侧目录中将css文件拖动到右侧panel就可以实现了。”...
  • vilppu: http://foxsp.com/t/125 这有下载,也有安装说明
  • James: 请问能否分享配色方案?
  • Aric: 代码快 来一份 谢谢楼主了 新年快乐

订阅-rss-永久链接

MT
备案号:浙ICP备09020026 号