CSS悬停图片max-width:100%无法正常工作

时间:2012-08-10 09:59:50

标签: image background hover css

我有两个大的css图像悬停...我希望图像最大宽度:100%(对于手机)。我可以使div最大宽度为100%但是然后它们内部的图像在逻辑上被div边缘切断。如何确保div中的图像(在本例中为背景图像)也能达到100%的最大宽度?

演示:http://www.buzz-creative.nl/_test/index.html

提前致谢!

2 个答案:

答案 0 :(得分:1)

http://jsfiddle.net/ZuX4p/

这使用background-size:100%来使背景图像填充div,唯一的问题是你必须指定高度和宽度,因为div中没有​​内容所以它想要0px by 0px

答案 1 :(得分:0)

尝试,background-size:auto;

链接http://www.css3.info/preview/background-size/