包含的鏈接標籤不加載css

我不確定究竟是什麼被打破，這是很難解釋。我的文件結構看起來是這樣的：包含的鏈接標籤不加載css

+bin 
    +css 
    -style.css 
    -fontawesome.min.css 
    +fonts 
    -FontAwesome.otf 
    - ... 
+www 
    +comp 
    -header.php 
    -footer.php 
    -index.php 
    -otherpage.php

兩個index.php，並在頂部和底部otherpage.phpincludeheader.php和footer.php，內容是在兩者之間。

請求域給我index.php和請求otherpage.php表明，以及預期。

請求配置的bin.domain.com/css/style.css顯示正確的css文件。

但是，這是問題：鏈接標籤到CSS文件是在header.php和CSS不適用。去檢查員顯示鏈接標記，並在裏面的鏈接，顯示應該適用於頁面的CSS。

現在，這裏出現了一個奇怪的事情：轉到Firefox Devtools中的Style-Editor選項卡，顯示fonts.google.com中的CSS作爲一個鏈接標記導入字體。這是預期的，但沒有其他顯示，所以我甚至不知道錯誤在哪裏。有任何想法嗎？

來源

2017-03-23 TheLexoPlexx

CSS必須相對於被加載的頁面，而不是被包含的頁面。 –

@JayBlanchard我認爲你沒有正確閱讀這個問題。 CSS包含在使用「http」的請求中。 – TheLexoPlexx

就像一個AJAX請求？或者你有'link'標籤？或者它使用'include（）'？等等，沒關係。 'link'標籤'src'屬性 - 它是什麼？是相對於整個頁面加載還是路徑錯誤？ –

我找到了解決辦法：

網站本身通過https加載。然而，樣式表和資產與http相關聯。我重新生成了SSL證書，並使bin-subdomain成爲https-one。這也是在我的Firefox瀏覽器的控制檯中說的，但我沒有注意到。

這也解釋了爲什麼谷歌字體鏈接工作，而其他人沒有。這是一個https請求，而不是http-one。

來源

2017-03-26 07:37:40 TheLexoPlexx

請求配置的bin.domain.com/css/style.css顯示正確的css文件。

這可能不是，但你說你正在使用以下

<link href="bin.domain.com/css/style.css" rel="stylesheet">

如果你將其更改爲

<link href="http://bin.domain.com/css/style.css" rel="stylesheet">

來源

2017-03-23 22:42:49

包含的鏈接標籤不加載css

回答

相關問題