IT技术博客大学习 共学习 共进步

缩少窗口<img/>被裁掉

Gulu77 2009-11-08 23:05:00 浏览 2,306 次

在IE7、IE8、FF、Opera、Chrome、Safari中当浏览器窗口少于<img/>宽度时,拖动横向滚动条会发现<img/>被裁掉,主要原因是<img/>父级元素定义了overflow:hidden;属性值。IE6中不存在此问题。D1_Demo

解决方案

  1. 删除定义在<img/>父级的overflow:hidden;属性值D2_Demo
  2. 在<img>父级定义与其相同的宽度。D3_Demo

建议继续学习

  1. 图片动态局部毛玻璃模糊效果的实现 (阅读 14,703)
  2. 淘宝图片存储架构 (阅读 10,844)
  3. 解决IE6从Nginx服务器下载图片不Cache的Bug (阅读 8,221)
  4. 精于图片处理的10款jQuery插件 (阅读 7,262)
  5. When we`re only No.2, we try harder之聊天表情设计小探讨 (阅读 7,123)
  6. 通过php+imagick 创建PDF图片预览 (阅读 6,986)
  7. phpThumb:强大的缩微图类 (阅读 6,623)
  8. js实现预加载图片让图片快速显示 (阅读 6,122)
  9. 利用开源的Gearman框架构建分布式图片处理平台[原创] (阅读 5,225)
  10. 使用数据库存放图片 (阅读 5,024)