在改變瀏覽器寬度時消失背景圖片

我有一個有2個背景圖片的邊欄。這是我的CSS：在改變瀏覽器寬度時消失背景圖片

background-color: #fff; 
background-image: url('img/back-1.png'), url('img/back-2.png'); 
background-position: left top, left top; 
background-repeat: no-repeat, repeat-y; 
background-size: 100% auto, 100% auto;

當我改變用鼠標瀏覽器的寬度（我用的響應式設計），第二圖像在某些位置消失。但是，如果我刷新頁面或更改寬度，一切都會恢復。你有什麼想法爲什麼圖像消失？

來源

2012-08-28 6mudla

您正在製作第一個圖像大小爲100％，因此它覆蓋了所有瀏覽器頁面，並且第二個圖像被按下。所以它似乎消失了。 – ygssoni

你測試過什麼瀏覽器？有問題的在線例子嗎？也許你可以創建一個[Fiddle]（http://fiddle.jshell.net/）。 –

Second @JasperDeVries：因爲這個問題很難回答。你可以添加更多的細節？添加一些HTML和（鏈接到）示例圖像，這樣的問題包含一個簡短的但工作的例子。請解釋你的意思是「* some * position」。在小提琴中添加示例。 – Jeroen

我有一個類似的問題，
我做了2班的CSS，
檢測由JavaScript的瀏覽器的寬度，
附的權利之一，由JavaScript類;

來源

2013-02-18 09:05:16

在改變瀏覽器寬度時消失背景圖片

回答

相關問題