複製時CSS文件不同

當我包括它使用下面的代碼的.html文件在我的網站：

<link media="all" rel="stylesheet" type="text/css" href="http://dreamhost.com/wp-content/themes/dreamhost/style.css" />

看起來就像這樣：

Working

注意它是如何開始的藍色和褪色的白色。

但是，如果我將該.css的內容複製到一個新文件並更改href="mystyle.css"，它變成純藍色。它不褪色成白色或任何東西：

Not working

我不知道什麼CSS，所以我打算用這個小經修改學習。但我不明白爲什麼我不能通過將代碼複製/粘貼到文件中獲得相同的結果。

有人知道這裏可能會出錯嗎？！？

來源

2013-07-22 MrHappyAsthma

這是發生在所有的瀏覽器或只是IE瀏覽器？某些css漸變生成器在執行某些IE漸變時需要應用其他樣式規則。 – Rooster

它發生在Firefox和IE中。 – MrHappyAsthma

在CSS文件中，您有：

background:#bfd6ee url(images/bg-body.gif) repeat-x;

它試圖找到該文件images/bg-body.gif，但如果它無法找到該文件中，#bfd6ee的純色背景（藍色十歲上下的顏色）顯示，而不是。您需要將images/bg-body.gif複製到相對的images目錄中以獲得漸變效果。

此外，請注意，這個CSS文件還引用了幾個其他文件以及：external.png，bg-soft-light.png，bg-input.gif等。如果您希望使用其他這個樣式表中的樣式，你可能遇到類似的問題。有時主題只有一個ZIP文件，其中包含所有依賴關係，您只需將其解壓縮到Web服務器上即可使用。但是，學習一些CSS基礎知識也會幫助你。

來源

2013-07-22 22:31:16

啊，你好，謝謝。我無法弄清楚我的生活。我再接受幾分鐘的答案，但我會。謝謝！：D – MrHappyAsthma

@MHHappyAsthma - 在style.css中，第69行。'body'標籤的''背景'風格是指特定的文件。CSS也引用了其他一些文件，所以這可能是許多問題中的第一個。也許有一個ZIP文件包含你可以下載的整個主題？ –

我只需按Ctrl + F查找所需的所有GIF並下載它們。過了一段時間，我可能會改變他們所有人。我沒有想到有這麼多的外部文件，只是一個簡單的例子.css哈哈。我認爲這將是一種獨立的色彩風格，帶有一些.css魔法。 – MrHappyAsthma

什麼最有可能發生的是......你複製這是包括它有其默認的（如果沒有找到或無法顯示），以你在你的第二個示例顯示了藍色漸變圖像的CSS文件。

當您複製了css文件但未包含圖像時......它默認爲藍色。

返回到源，發現它被引用CSS圖像，並將其添加爲好，確保路徑和等是否正確

body { 
    color:#333; 
    font:13px "Lucida Sans Unicode","Lucida Grande", Helvetica, Arial, sans-serif; 
    min-width:1002px; 
    background:#bfd6ee url(images/bg-body.gif) repeat-x; 
}

因此獲得圖像：從源images/bg-body.gif，並將其添加到您的項目

來源

2013-07-22 22:31:42 feitla

複製時CSS文件不同

回答

相關問題