在javascript addclass之後，它添加了類但css屬性不起作用

-3

可以請別人幫我嗎？我的網頁是：http://etinklapis.lt/在javascript addclass之後，它添加了類但css屬性不起作用

這裏。滾動後的頭部行有一個額外的類.header-line .active，但css看不到它，並且不會改變背景顏色。你可以看到我的CSS，那裏.header-line .active與background-color屬性。爲什麼我的背景仍然透明？

CSS：

.header-line { 
    width: 100%; 
    height: 60px; 
    background-color: rgba(255,255,255,0.00); 
} 
.header-line .active { 
    background-color: white; 
}

頭：

<div class="header-line">header</div>

的Javascript：

$(function() { 
    $(window).on("scroll", function() { 
    if($(window).scrollTop() > 50) { 
     $(".header-line").addClass("active"); 
    } else { 
     //remove the background property so it comes transparent again (defined in your css) 
     $(".header-line").removeClass("active"); 
    } 
    }); 
});

來源

2016-06-20 Karolis Beliašas

請編輯和粘貼在這裏的相關代碼。無法從網頁 – brk

進行調試請在您的問題中包含任何相關的標記，JavaScript和CSS，請參閱：[我的網站或項目中的某些內容不起作用。我可以只是粘貼一個鏈接？]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste -a-link-to-it） –

那是因爲在你的CSS文件，你有.header-line .active { ... }，這意味着.active類內部.header-line類。

你應該改變，要.headerline.active { ... }（刪除空格）

來源

2016-06-20 15:46:52

OMG謝謝。有效。 –

聲明這樣的CSS在你的bootstarp.css

.header-line.active { 
background-color: white; 
}

來源

2016-06-20 15:53:44 Deep

在javascript addclass之後，它添加了類但css屬性不起作用

回答

相關問題