CSS背景大小的失敗以及圖像位置

好吧，我的網站的用戶/成員上傳/鏈接的自定義圖像使用我的網站的起始頁面的選項。這幾乎適用於所有支持背景大小的新瀏覽器。但是，如果瀏覽器不支持css3 background-size，則不會使用圖像填充整個div部分。CSS背景大小的失敗以及圖像位置

昨天我有機會來測試我的網站25" 英寸的顯示器上，最終實現圖像顯示部分失敗。什麼最終發生的是，圖像向左移動。

今天檢查代碼我忘記了我在「背景位置：左上角」這一行;但我記得爲什麼我將它放在代碼中，當我添加「頂部中心」或只是「頂部」時，仍然顯示背景，但是有像左邊是6-10px的白色gab，我嘗試使用left：0px;但是由於我使用position：fixed;並且如果將它改變爲position：absolute，它就會顯示完整的圖像，最後在底部創建滾動條。

這是我使用的那一刻

#cpBackgroundImg { 
background-repeat: no-repeat; 
background-clip: border-box; 
background-origin: padding-box; 
background-attachment: fixed; 
background-position: top left; 
position:fixed; 
z-index:-10; 
margin-right: 0px; 
margin-left: 0px; 
background-size:100%; 
}

這裏的CSS部分的代碼是實際顯示圖像的代碼的另一部分

<div style="display: block; opacity: 0.99999; width: 1600px; height: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(<?php echo base64_decode($_COOKIE['phx_utmc_session']); ?>);" id="cpBackgroundImg"></div>

可有人告訴我如何解決這個問題？ - 感謝

http://jsfiddle.net/Hnwjg/6/

來源

2011-05-27 PT Desu

添加[的jsfiddle（http://jsfiddle.net）的這一點，會更容易看到什麼是 – Ibu 2011-05-27 18:30:05

你可以使用背景位置用百分比值，如50％，50％的問題。 – Jawad 2011-05-27 18:33:08

http://jsfiddle.net/Hnwjg/6/ – 2011-05-27 18:36:49

width: 1600px;

是監視你測試了它具有的分辨率高於1600大？如果是這樣，div看起來像是將圖像的寬度限制爲1600.這意味着圖像右側會出現空白區域？

只是一個想法。

來源

2011-05-27 18:32:23 Andrew

CSS背景大小的失敗以及圖像位置

回答

相關問題