我有一个具有以下 css 的元素。
background: #ccc;
position: fixed;
width: 100%;
top: 0;
z-index: 99;
我已经在 android 2.3 上测试了该网站,它工作正常,但是当我在运行 4.0 的设备上加载它时,该元素没有显示。我已经使用 Adobe Edge Inspect(以前称为 Adobe Shadow)对其进行了检查,并将background
属性更改为background:initial
,我尝试用其他任何内容覆盖它,但检查员将返回到background:initial
.
有什么我可以做的来修复它还是这只是一个设备错误?(它可以在移动 chrome 上正确加载)
编辑:它只发生在一页,主页
编辑 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>
正如您可能注意到的,也可能没有注意到,这是 wordpress 主题的一部分,它位于页眉中,因此每个页面都有完全相同的页眉。出于某种原因,这只会在主页上中断。另一个注意事项,我已经删除了很多识别信息,所以链接没有网址,其他东西也丢失了,但所有元素都在那里