您可以使用CSS將圖像添加到HTML元素嗎？

我使用下面的代碼，但它沒有效果！這可以做到嗎？您可以使用CSS將圖像添加到HTML元素嗎？

html { 
      background: #d9dbdc url('images/repeat-x.png') repeat-x; 
    }

2011-04-06 Mild Fuzz

你會想要將該圖像添加到'body {}'我相信...除此之外，只要確保路徑是有效的。 – acm 2011-04-06 13:27:55

html不是html元素:) – naveen 2011-04-06 13:28:50

它是html元素，不是？ – 2011-04-06 14:47:15

這會，工作，如果你實際上是在指定的位置有一個形象，儘管它通常適用於body的HTML元件。這可能是身體元素具有覆蓋圖像的背景顏色。

注意，路徑是相對於樣式表文件，而不是HTML文件中嵌入它，所以在/css/styles.css指向images/repeat-x.png的路徑會導致/css/images/repeat-x.png。

2011-04-06 13:28:40

body元素有顏色！ DOH！ – 2011-04-06 14:46:42

是的，可以這樣做，但它需要在<body>標籤上。

您的圖片可能不存在，或者您可能有不同的背景覆蓋它。

2011-04-06 13:28:03 SLaks

確保網址是正確的，你可以使用瀏覽器的調試工具，如Firefox中的Firebug檢查

2011-04-06 13:28:22

如果您使用的是Chrome，您可以在頁面上單擊鼠標右鍵，單擊「檢查元素」，然後在資源選項卡上可以找到該資源並查看其是否丟失。 – Mark 2011-04-06 13:33:40

捷徑是ctrl + shift + J :) – 2011-04-06 15:14:44

如果您正試圖設置整個頁面的背景，我建議：

體{ 背景：＃d9dbdc網址（ '圖像/重複-x.png'）重複-X; }

2011-04-06 13:29:18 Mark

回答