更改背景圖片重複文件

我想知道是否有可能更改舊圖片用完時背景圖片重複的文件。更改背景圖片重複文件

那麼，如果image01.jpg被設置爲第一個背景圖像，當它垂直運行時，image02.jpq會被添加爲背景圖像來完成頁面？

這可能是一個直「否」，thts精細IM只是想知道

來源

2011-09-30 Chalex

有了CSS3，你可以有多個背景。您可以爲每個人指定background-repeat。它是supported by all major browsers，除了IE8和之前。

http://www.css3.info/preview/multiple-backgrounds/

來源

2011-09-30 07:25:44 GolezTrol

15％的用戶仍在使用IE8，儘管... http://www.w3schools.com/browsers/browsers_stats.asp – Wex

取決於網站，而w3schools本身並不那麼可靠。但的確，許多人都這樣做。幸運的是，它是一個背景。如果設計正確，它在大多數瀏覽器中看起來都不錯，並且仍然可以在IE8中使用。 – GolezTrol

我並不是說這是一個糟糕的解決方案，只是有更好的方法去解決它以確保更高程度的跨瀏覽器兼容性:) – Wex

，如果你願意與更多的標記添加到您的文件總是有在CSS東西的解決方案。你最好的選擇是用含有div的元素來包裝你有第一個圖像的元素，並在第一個圖像用完時顯示你想要顯示的背景。像這樣：

HTML：

<div class="container"><span class="image"></span></div>

CSS：

.container { 
    background: transparent url(image02.jpg) 100% 0 no-repeat /* Appears on the right */ 
    width: 200px; /* The maximum width */ 
    /* Can also add x pixels padding to ensure that x pixels of image02 are shown */ 
} 

.image { 
    background: transparent url(image01.jpg) 0 0 no-repeat; /* Appears on the left */ 
}

當然，你可以隨時與實際圖像代替<span>爲好。

來源

2011-09-30 08:20:28 Wex

不要忘了HTML也是一個元素。

html {/*insert tiling background image*/} 
body {/*insert normal background image*/}

身體背景將坐在頂部的平鋪html背景。適用於每個瀏覽器，不需要額外的標記。

來源

2011-09-30 12:47:36

更改背景圖片重複文件

回答

相關問題