1

こんにちは、私が何かを逃していない限り、これは本当に奇妙です。私のウェブサイトには、1ページを除いてどこでも完全に機能する位置に固定された静的ヘッダーバーがあり、その理由がわかりません。また、これはクロムでのみ発生します。クラス「トップバーが配置されている：固定」のdiv

<header>
    <div class="top-bar">
        <div class="top-wrapper">
            <a href="/" style="display:block !important;"><div class="logo"></div></a>
            <a href="/add-event" style="display:block !important;"><div class="add-event button"></div></a>
            <a href="/events" style="display:block !important;"><div class="all-events button"></div></a>
            <div class="search-wrapper">
                <form class="searchform" action="" method="post" onsubmit="window.location.href = '/search/'+$('.searchfield').val()+'/1';return false;">
                    <input class="searchfield" type="text" name="search" placeholder="search...">
                    <input class="searchbutton" type="submit" name="search-submit" value="Go">
                </form>
            </div>
        </div>
    </div>
</header>

そしてここにcssがあります：

-webkit-transform: translate(0) !important;
background: url(../gfx/field_bg.png) repeat-x left top;
height: 40px;
width: 100%;
position: absolute !important;
top: 0px;
left: 0px;
-moz-box-shadow: 0 0 20px #000;
-webkit-box-shadow: 0 0 20px black;
box-shadow: 0 0 20px black;
border-bottom: 1px solid lightgray;
z-index: 998;
4

1 に答える 1

3

インスペクターでは、-webkit-transform: translate(0) !importantオンに切り替えることで<header>問題が解決しました。

于 2012-12-20T20:18:41.280 に答える