CSS在鉻devtools中工作，而不是在現場

我在我的網站導航中添加了彩色背景（澳大利亞英語！），並在Chrome DevTools中對其進行了測試，但是當我將其添加到CSS文件時，什麼也沒有發生。CSS在鉻devtools中工作，而不是在現場

我檢查了CSS文件，它肯定是加載在頁面上的。選擇器看起來是正確的。

如果我的術語不正確，請原諒我，因爲我是一名平面設計師，對網頁語言沒有經驗。

任何幫助，將不勝感激！ CSS我說：

@media only screen and (min-width: 768px) 
.template-index.transparent-menu .main-header { 
    /* Fallback for web browsers that don't support RGBa */ 
    background-color: rgb(0, 0, 0); 
    /* RGBa with 0.6 opacity */ 
    background-color: rgba(0, 0, 0, 0.6); 
    /* For IE 5.5 - 7*/ 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); 
    /* For IE 8*/ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; 
}

來源

2016-09-12 Tim Salabim

無效html：https：//validator.w3.org/nu/?doc=https%3A%2F%2Fwww.herpony.com.au%2F無效css http://jigsaw.w3.org/css-驗證器/驗證器？profile = css3＆warning = 0＆uri = https％3A％2F％2Fwww.herpony.com.au％2F所以我不會感到驚訝它不起作用 – nogad

這看起來像你沒有開始和結束你的css代碼後的大括號這行@media唯一的屏幕和（最小寬度：768px）{}就像這樣 –

感謝您的時間。 Nogad - 我檢查了Facebook的像素代碼，它是有效的，但由於某些原因評論無法識別。 Husain - 我試圖把它內聯，看看是否會有所作爲。修正了大括號。仍然不起作用。 –

的follwing代碼工作正常，我

@media only screen and (min-width: 768px) { 
.template-index .main-header { 
/* Fallback for web browsers that don't support RGBa */ 
    background-color: rgb(0, 0, 0); 
/* RGBa with 0.6 opacity */ 
background-color: rgba(0, 0, 0, 0.6); 
/* For IE 5.5 - 7*/ 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); 
/* For IE 8*/ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; 
} 
}

我加了括號丟失和刪除.transparent菜單中不存在在網站上。

來源

2016-09-12 05:40:41 Guenther

你是一個槍。非常感謝你！！ –

CSS在鉻devtools中工作，而不是在現場

回答

相關問題