div的背景圖像

我有最困難的時間讓紋理背景圖像在HTML5標籤中正確顯示。具體來說，我試圖將一個低透明水彩塗抹的.png紋理添加到已經應用了跨瀏覽器漸變的標記中。我可以使漸變顯示正常，但無法使背景圖像正確顯示。div的背景圖像

我已經告訴它的CSS命令缺兵少將：

background:url("filepath");

它是我使用的引號類型的問題？如果是單/雙引號，這有關係嗎？或者根本沒有引號？我不確定引號對選擇器做了什麼，或者如果這是你不能應用背景圖像和漸變的問題？您可以在明顯的頁腳位置查看我試圖修改的空間http://www.zeldezine.info/demo/。

謝謝！

來源

2012-04-24 Matt Zelenak

爲什麼你'「'左右路徑。 – 2012-04-24 00:11:48

您可以將背景圖像和漸變不添加到同一個元素。至於報價，無論他們是單人，雙人還是全無。只要確保圖像路徑是正確的。

如果你想同時，你可以做這樣的事情：

http://jsfiddle.net/vjEh7/

CSS：

footer { 
    background: rgb(169,3,41); 
    background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); 
    background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); 
    background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); 
    background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); 
    background: linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019',GradientType=0); 
} 
div { 
    width: 150px; 
    height: 160px; 
    background: url(http://www.zeldezine.info/demo/img/logo_bottom.png) no-repeat; 
}

HTML：

<footer> 
    <div></div> 
</footer>

來源

2012-04-24 00:04:59 TK123

太棒了！非常感謝您的提示！ – 2012-04-24 00:05:39

試試這個：

body 
{ 
    background-image:url('images/image.jpg'); 
    background-repeat:repeat; 
}

來源

2012-04-24 00:04:02

div的背景圖像

回答

相關問題