我有一个具有以下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
。
我能做些什么来修复它或者这只是一个设备错误? (它在移动铬合金上正确加载)
编辑:它只发生在一个页面,主页
编辑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主题,它放在标题中,因此每个页面都有相同的标题。出于某种原因,这只会在主页上打破。另外一点,我已经删除了很多识别信息,所以链接没有网址,其他东西都没有,但所有元素都在那里