2012-01-31 21 views
2

クライアントのWebサイトで問題が発生しています。ヘッダー内のdivの周囲に影や罫線が表示されています。私は実際にこれらを望んでいないし、それらを取り除く方法を知らない。これはIE7/8でのみ起こっています。IE9、Firefox、Safari、Chromeはすべて問題ありません。サイトはgo-movil.esです。IE8/7 - div影/境界線が表示される問題

助けてください。

よろしく、 スティーブン

+2

あなたは実際に私たちが見ることができるいくつかのコードを持っていますか? – tftd

答えて

1

あなただけの影がIE7/8あなたが影をクリアスタイルを持っている特定のCSSを実装するために、条件付きコメントを使用することができますが、すべてのものに表示したい場合。

<!--[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

ホープHTMLの先頭に

これは役に立ちます

+0

ありがとうCaleb、私は実際にボックスシャドウを望んでいません。 – Stephen

+0

@Stephenなので、あなたが望むのは影ですが、7/8ではありませんか? –

+0

あなたに戻って遅れて申し訳ありません。私は実際に上記のように追加のCSSファイルを作成する必要はありませんでした。この機能はすでにテーマになっています。だから私はボックスシャドウに変更しました:none。あなたは答えて正しい方向に私を指摘した。どうもありがとう。 – Stephen

1

@ Stephen-私はChromeのウェブサイトにあり、(メニュー内の)影を見ました。

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

をルールシャドウはFF、クローム、IE9にとNOT IE7/IE8で表示するために発生しますが含まのCSSルールによって引き起こされています 。 影を削除したい場合は、それをUser.php & style.cssから削除してください。

乾杯、 Nadav

関連する問題