固定的CSS位置和绝对不在铬的工作

你好这真的很奇怪，除非我失去了一些东西。在我的网站上，我有一个静态标题栏，它被设置为固定的位置，除了在1页上完美工作外，我无法弄清楚为什么。这也只发生在铬上。与类格“顶条位于：固定的”固定的CSS位置和绝对不在铬的工作

<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;

来源

2012-12-20 Syd

这个CSS与什么标签关联？否则这是无用的。 –

顶级班sry忘了说清楚 – Syd

在检查器中，切换关闭-webkit-transform: translate(0) !important上<header>解决这个问题对我来说。

来源

2012-12-20 20:18:41 MikeTedeschi

也为我工作，谢谢！ –

固定的CSS位置和绝对不在铬的工作

回答

相关问题