在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. 图片动态局部毛玻璃模糊效果的实现    (阅读：14443)
2. 淘宝图片存储架构    (阅读：10628)
3. 解决IE6从Nginx服务器下载图片不Cache的Bug    (阅读：7965)
4. When we`re only No.2, we try harder之聊天表情设计小探讨    (阅读：7008)
5. 精于图片处理的10款jQuery插件    (阅读：7028)
6. 通过php+imagick 创建PDF图片预览    (阅读：6778)
7. phpThumb:强大的缩微图类    (阅读：6380)
8. js实现预加载图片让图片快速显示    (阅读：5929)
9. 利用开源的Gearman框架构建分布式图片处理平台[原创]    (阅读：5015)
10. 使用数据库存放图片    (阅读：4836)