1

次のcssを持つ要素があります。

background: #ccc;
position: fixed;
width: 100%;
top: 0;
z-index: 99;

Android 2.3 で Web サイトをテストしましたが、正常に動作しますが、4.0 を実行するデバイスにロードすると、要素が表示されません。Adobe Edge Inspect (以前の Adob​​e Shadow) で検査したところ、backgroundプロパティがに変更されました。background:initial他のものでオーバーライドしようとしましたが、インスペクタは に戻りbackground:initialます。

それを修正するためにできることはありますか、それとも単なるデバイスのバグですか? （モバイルクロムでは正しく読み込まれます）

編集: 1 つのページ、ホームページでのみ発生します。

編集2：これが問題のメニューのhtmlです

    <h1 class="logo"><a href="" rel="nofollow"><img title="" src="" alt=""/></a></h1>

    <div class="social">
        <ul>
            <li class="rss" title="RSS"><a href="">RSS</a></li>
            <li class="twitter" title="Twitter"><a href="">Twitter</a></li>
            <li class="facebook" title="Facebook"><a href="">Facebook</a></li>
            <li>
                <form action="" class="searchform" method="get">
                    <div class="searchform">
                        <label for="s" class="skip"></label>
                        <input type="text" id="s" value="" name="s" class="watermark" placeholder="search"  />
                        <input type="submit" value="Search" class="searchsubmit" />
                    </div>
                </form>
            </li>
        </ul>
    </div>
</div> <!-- end #inner-header -->

<div class="navigation-container" id="main-navigation">
    <nav role="navigation">
        <ul id="menu-nav" class="">
            <li id="menu-item-8" class=""><a href=""</li>
            <li id="menu-item-17747" class=""><a href=""></a></li>
            <li id="menu-item-7" class=" menu-item-7"><a href=""></a></li>
            <li id="menu-item-6" class=""><a href=""></a></li>
            <li id="menu-item-5" class=""><a href=""></a></li>
        </ul>
        <div class="social">
            <ul>
                <li>
                    <form action="" class="searchform" method="get">
                        <div class="searchform">
                            <label for="s" class="skip"></label>
                            <input type="text" id="s" value="" name="s" class="watermark" placeholder="search"  />
                            <input type="submit" value="Search" class="searchsubmit" />
                        </div>
                    </form>
                </li>
                <li class="facebook" title="Facebook"><a href="">Facebook</a></li>
                <li class="twitter" title="Twitter"><a href="">Twitter</a></li>
                <li class="rss" title="RSS"><a href="">RSS</a></li>
            </ul>
        </div>
    </nav>
</div>

お気づきかもしれませんが、これはワードプレスのテーマの一部であり、ヘッダーに配置されるため、すべてのページにまったく同じヘッダーがあります。何らかの理由で、これはホームページでのみ壊れます。別の注意として、私は多くの識別情報を削除したので、リンクには URL がなく、他のものは欠落していますが、すべての要素がそこにあります

4

0 に答える 0