4

Chrome で、ブラウザーを更新するか検査要素を開くと、ナビゲーション バーのボックスの影が消えて表示されなくなります。これは IE では発生しません。それを元に戻す唯一の方法は、ハード リフレッシュすることです。何か案は？

ウェブサイト URL: http://tomwilson.pw/files/design/

私のHTMLは：

<div id="nav_wrapper">
<div id="nav_content">

<div id="nav_logo"></div>

<div id="navigation">

<a href="#" class="active">Home</a>
<a href="#">Link One</a>
<a href="#">Link Two</a>
<a href="#">Link Three</a>
<a href="#" class="button">Sign In &rsaquo;</a>

</div>

</div>
</div>

<div id="feature_home"></div>

そして私のCSSは：

div#nav_wrapper{
    height: 110px;
    width: 100%;
    background: url('../img/nav_bg.png'), #293340;
    box-shadow:0 0 10px rgba(0,0,0,0.8);
    position: relative;
    z-index: 2;
    display: block;
}
div#nav_content{
    height: 110px;
    margin: auto;
}
div#feature_home{
    width: 100%;
    height: 500px;
    background: url('../img/feature_bg.png'), #55B5D4;  
    position: relative;
    z-index: 1;
    display: block;
}
4

3 に答える 3

1

-webkit-box-shadowChrome (Safari も) は Webkit ブラウザーであるため、同じ内容のプロパティを追加してみてください。また、Mozilla が正しくレンダリングすることを確認するためにも使用-moz-box-shadowします。

div#nav_wrapper{
    ...
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    ...
}

関連: WebKit とは何ですか? CSS との関係は?

于 2013-11-02T14:32:16.870 に答える
0

これが私がしたことです：

div#nav_wrapper {
height: 110px;
width: 100%;
background: url('../img/nav_bg.png');
box-shadow: 0 0 10px rgba(0,0,0,0.8);
position: relative;
z-index: 2;
display: block;
}

背景属性の問題。楽しみ！

于 2013-11-02T14:50:13.447 に答える