在Internet Explorer和Opera中沒有顯示背景顏色

-1

這個菜單效果很好，除了我的背景在Opera和Internet Explorer中消失，再加上關於更好的Explorer兼容性的任何提示都非常棒。在Internet Explorer和Opera中沒有顯示背景顏色

它也使用基礎框架中的foundation.css，如果你熟悉那個。

.elephant-menu { 
     width: 100% !important; 
     height: 40px; 
     z-index: 50 !important; 
     opacity: 1; 
     background: url(../images/misc/button-gloss.png) repeat-x 0 -34px, -moz-linear- gradient(top, rgba(255,255,255,.4) 0%, transparent 100%) #e51d9b; 
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.52), inset 0 1px 0 rgba(255,255,255,.5); 
     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.52), inset 0 1px 0 rgba(255,255,255,.5); 
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.52), inset 0 1px 0 rgba(255,255,255,.5); 
     text-shadow: 0 -1px 1px rgba(0,0,0,0.28); 
     background: url(../images/misc/button-gloss.png) repeat-x 0 -34px, -webkit- gradient(linear, left top, left bottom, from(rgba(255,255,255,.4)), to(transparent)) #e51d9b; 
     border: 1px solid rgba(229, 33, 155, 1); 
     -webkit-transition: background-color .15s ease-in-out; 
     -moz-transition: background-color .15s ease-in-out; 
     -o-transition: background-color .15s ease-in-out; 
     text-transform: capitalize; 
     font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
     margin-left: 0; 
     margin-right: 0; 
     } 

    .elephant-menu li { 
    list-style-type: none !important; 
    text-transform: capitalize !important; 
    font-weight: bold; 
    color: white !important; 
    text-decoration: none !important; 
    float: left !important; 
    position: relative !important; 
    font-size: 16px; 
    padding: 11px 5px 10px; 
    display: block; 
    } 

    .elephant-menu li:hover { 
    color: white; 
    background-color: #9c126f; 
    -moz-box-shadow: inset 0 2px 5px black; 
    -webkit-box-shadow: inset 0 2px 5px black; 
    box-shadow: inset 0 2px 5px black; 
    -webkit-transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; 
    -ms-transition: all 0.3s ease-in-out; 
    transition: all 0.3s ease-in-out; 
    } 

    .elephant-menu a { 
    color: white; 
    text-decoration: none; 
    }

來源

2012-04-03 Darek Bridges

具體來說，你在說什麼「背景」？您的網站似乎只有一個白色背景。請在您的問題中發佈所有相關代碼。鏈接只應用於演示問題，而不是消除發佈代碼的必要性。 – Sparky 2012-04-03 17:02:32

菜單的背景。 – 2012-04-03 17:12:06

再次，請在您的問題中發佈相關的HTML代碼。否則，當你的鏈接失效或被修復時，這個問題對於未來的讀者將是無用的。 – Sparky 2012-04-03 17:16:31

嘗試增加一些這樣的..修改您的顏色和透明度。

.elephant-menu { 
background-image: -o-linear-gradient(top, #FFFFFF 0px, #E5219B 70%); 
}

來源

2012-04-03 17:06:46

在Internet Explorer和Opera中沒有顯示背景顏色

回答

相關問題