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

回答