CSS悬停图像最大宽度：100％不能正常工作

我有两个大的CSS图像悬停...我想要的图像是最大宽度：100％（手机）。我可以将div的最大宽度设置为100％，但是其中的图像只是逻辑上被div边缘切断。我如何确保div中的图像（在这种情况下是背景图像）也可以达到100％的最大宽度？CSS悬停图像最大宽度：100％不能正常工作

提前感谢！

2012-08-10 Meltdown87

div {width：100％; } img {width：100％; }应该工作，还是我误解？ – Andy 2012-08-10 10:05:07

那么，我没有使用图像，而是使用背景图像。也许我可以把它转过来，使用IMG悬停而不是背景图像盘旋，但我真的不知道如何... – Meltdown87 2012-08-10 10:10:34

你可以使图像填充一个div与CSS – Andy 2012-08-10 10:23:22

尝试，background-size:auto;

2012-08-10 10:20:13

abhinav，这似乎并没有做的伎俩。不知何故，当它变得更小时，它会调整到div ...它仍然保持我为div指定的448px宽度。 – Meltdown87 2012-08-10 10:35:43

呃？我需要指定div的宽度，以便两个div适合彼此放在一起吗？但他们都不是50％......那么我给出最小宽度的值是多少？因为在手机上观看网站时希望它变小。 – Meltdown87 2012-08-10 10:43:01

我可以修复它只是使用JavaScript悬停，而不是一个CSS悬停，但我认为这可能会更好......但因为我无法得到它的工作，我认为这是回到了JavaScript。 – Meltdown87 2012-08-10 11:00:18

它使用背景尺寸：100％，使背景图像填充DIV，这个唯一的问题是，你必须指定高度和宽度，因为div中没有内容，所以它希望是0px x 0px

2012-08-10 10:29:32 Andy

回答