2012-01-31 40 views
2

我遇到了客戶端網站的問題,陰影或邊框出現在標題中的div上。我其實不需要這些,也不知道如何擺脫它們。這隻發生在IE7/8中.IE9,Firefox,Safari和Chrome都很好。網站是go-movil.esIE8/7-出現陰影/邊框的問題

任何幫助表示讚賞。

問候, 斯蒂芬

+2

你真的有一些代碼,我們可以看到? – tftd 2012-02-14 01:34:34

回答

1

如果只想陰影中的一切,但IE7/8,你可以使用條件的意見,以實現具有風格,清除陰影特定CSS顯示出來。

在HTML的頭:

<!--[if lte IE 8]><link rel="stylesheet" href="lte-ie-8.css"><![endif]--> 
<!--[if lte IE 7]><link rel="stylesheet" href="lte-ie-7.css"><![endif]--> 

CSS(LTE-IE-8.css和LTE-IE-7.css):

body > header .nav > li.current-menu-item > a, body > header .nav 
> li.current-menu-ancestor > a, body > header .nav > li.current-page-ancestor 
> a, body > header .nav > li.current_page_parent > a 
{ 
    box-shadow: none; 
} 

源:http://mathiasbynens.be/notes/safe-css-hacks

希望這有助於

+0

謝謝Caleb,我其實並不想要盒子陰影。 – Stephen 2012-02-07 21:44:08

+0

@Stephen所以你想要的是陰影,但不在ie 7/8? – 2012-02-08 00:09:52

+0

對於遲到回覆您感到抱歉。我實際上並沒有如上所述創建額外的CSS文件。功能已經在主題中。所以我把它改成了box-shadow:none。你回答指出我正確的方向。非常感謝。 – Stephen 2012-02-14 15:40:33

1

@ Stephen-我在Chrome的網站上看到了陰影(在菜單中)。 這是通過CSS規則這是造成包括:

-moz-box-shadow: 0 0 5px 5px #55859b; 
-webkit-box-shadow: 0 0 5px 5px#55859b; 
box-shadow: 0 0 5px 5px #55859b;  

規則導致影子在FF,Chrome瀏覽器,IE9,而不是在IE7/IE8顯示。 如果你想刪除陰影,只需從User.php & style.css中刪除它。

乾杯, Nadav