背景導航欄圖像不顯示

我已經放在一起固定的菜單欄，一旦向下滾動頁面就會出現。背景導航欄圖像不顯示

http://staging.meadowspetcareservices.co.uk/

我已經實現了這一點，但客戶想在酒吧內的圖標圖像。我曾嘗試在CSS中添加這個背景圖片。但它只是沒有顯示？

nav.nav-header.fixed { 
    width: 100%; 
    z-index: 600; 
    background: #9D162E url(/wp-content/uploads/2016/03/meadows-favicon-negative.png); 
    background-repeat: no-repeat; 
    background-position: 20px center; 
    background-size: 56px; 
    position: fixed; 
    top: 0; 
    left: 0; 
    -webkit-transform: translateY(0%); 
    -ms-transform: translateY(0%); 
    transform: translateY(0%); 
    -webkit-animation: slidedown 2s forwards; 
    animation: slidedown 2s forwards; 
} 

nav.nav-header.fixed.wrap { 
    width: 100%!important;  
} 

nav.nav-header.fixed ul#menu-primary { 
    width: 100%; 
    text-align: right; 
}

任何幫助，將不勝感激

來源

2016-03-30 Grant Smith

你的代碼實際工作！

的問題是，你的形象（認爲上面畫）後

.site-header .genesis-nav-menu { 
    background: #9D162E; 
}

所以只要去掉背景顏色上面的類此代碼應用，你是好去！

來源

2016-03-30 08:12:51 Sprazer

是的，它的工作原理。只是改變'背景：＃9D162E'到'背景：透明' –

其實只是刪除它，你永遠不會使用它:) – Sprazer

DOH！謝謝你！ –

這是你想要的嗎？

ul#menu-primary{ 
    background-image: url('wp-content/uploads/2016/03/meadows-favicon-negative.png') !important; 
    background-repeat: no-repeat; 
}

來源

2016-03-30 08:20:36

背景導航欄圖像不顯示

回答

相關問題