CSS/HTML Internet Explorer圖像高度：div的100％

-1

我已經使用div塊構建了我的網站。我有一個70％高度的div，在這個div我想把這個div的100％高度的圖像。在Firefox，歌劇，鉻，它完美的作品，但不是在Internet Explorer中。你有什麼想法嗎？CSS/HTML Internet Explorer圖像高度：div的100％

來源

2013-10-25 user2920905

什麼版本的IE？你可以發佈一些代碼嗎？ – Andrew

你是否設置了'html，body {height：100％;}'？ –

是的，我設置了html，body {height：100％;}; – user2920905

你試過嗎？

div 
{ 
    height: 70%; 
    background-image: url("..img/img.png"); 
    background-size: cover; 
} 

html, body { height: 100%; }

來源

2013-10-25 17:33:21

是的，我在我的div – user2920905

與背景覆蓋使用CSS，請確保使用前綴以及舊版瀏覽器。 – Benjamin

尼克布爾是正確的，但你需要更多。您可以使用背景大小：封面來確保填充整個背景並且不重複。例如，從CSS-招數拉：

.your_div { 
    background: url(images/your_bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

http://css-tricks.com/perfect-full-page-background-image/

來源

2013-10-25 17:39:33 Benjamin

在我的網站背景效果不錯，但我有圖像問題 – user2920905

你想讓圖像具有100％的高度和100％的寬度，或者只有100％的高度？ – Benjamin

CSS/HTML Internet Explorer圖像高度：div的100％

回答

相關問題