CSS問題：如何設置背景圖像的寬度？

我必須缺少一些簡單的東西......我試圖創建一個圖像設置爲背景的html頁面。現在，我希望圖片佔據頁面的70％，並與右上角對齊。CSS問題：如何設置背景圖像的寬度？

我能夠將圖像對齊到頁面的右上角，它在Chrome中看起來很不錯，但在IE中很糟糕。在IE中，圖像佔據了整個頁面 - 這種情感上會破壞頁面的外觀和感覺...

有什麼我失蹤了嗎？如何限制IE中背景圖片的大小？有什麼想法嗎？下面的代碼：

<html> 
<head> 
<style type="text/css"> 
    body { 
     margin: 0; 
     background: transparent url(Background2.png) no-repeat fixed right; 
     background-position: right top; 
     font-size:12px; 
    } 
</style> 
</head> 
<body> 
    Hello! 
</body>

來源

2010-09-18 user198923

這是一個CSS3功能並且只有在最新的瀏覽器支持。 Mozilla在Firefox 3.6中引入了這個功能，當Webkit/Chrome沒有時，我不會起訴。

-moz-background-size: 300px; 
-webkit-background-size: 300px; 
background-size: 300px;

你可以找到一個Mozilla文檔here。

來源

2010-09-18 08:41:04 halfdan

寬度CSS3，你可以做到以下幾點：

body { 
background: url(bgimage.jpg) no-repeat; 
background-size: 100%; 
}

其他你應該使用一些技巧，因爲它是描述here。最好的方式提到的有：

#img.source-image { 
    width: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
}

另一個假的解決方案是here。

來源

2010-09-18 08:41:36 rics

CSS問題：如何設置背景圖像的寬度？

回答

相關問題