Question

我的网站有点问题，我有一个栏，上面有一个漂浮在栏上方的盒子，IE，Firefox，Opera一切正常，但在Chrome和Safari中必须在栏上方在酒吧一侧漂浮，不在它上面。

 #barraDerecha 
 {
     width:240px;
     background-color:#e5e5e5;
     border-left:solid 2px #CCC;
     border-bottom:solid 2px #CCC;
     position:absolute; 
     margin-top:-10px;
     margin-left:717px;
     height:auto;
 }

 #barraDerecha #menu
 {
    display:block; 
    position:fixed;
    width:220px;
 }

barraDerecha 是容器，菜单是容器上方的框

有人可以帮帮我吗？

提前致谢

Answer 1

以防有人获得相同的Chrome行为。

看起来chrome认为在页面加载后添加到DOM的元素的视口（例如，使用jQuery.load（））仅限于此元素的包含div。

我猜.asp是在文档加载后注入你的barraDerecha，所以它相对于它的容器定位。

Answer 2

感谢您回答Thor，您可以在www.autos.ultimahora.com/altaanuncio.html

中看到示例

我无法修复#barraderecha因为这样我的栏会随菜单移动

以下是我使用该课程的人：

<div id="barraDerecha" > 
<div id="barraRight" runat="server">
    <div style="padding:10px;" id="menu" >
        <div class="titulosAzules15">
         <center>
         <asp:Label ID="lblUsted" runat="server" Text="USTED ELIGÍO EL PLAN"></asp:Label>
             <br />
             <br />
         <asp:Image ID="imgPlan" runat="server" />
         <br />
         <asp:Label ID="lblPrecio" CssClass="DestaquesBordo14" runat="server"></asp:Label>
             <br />
         </center>

         </div>


    </div>     
</div>    
</div>

您必须选择一个计划，然后按下Siguiente按钮

Answer 3

请原谅我，但#barraDerecha中不是#menu？

如果是这样，除非你另外指定位置，否则它将被固定在#barraDerecha中是很自然的。

#barraDecha {
   position:fixed; top:0; left:0; }

更好的描述（可能是视觉效果）将有助于我更准确地描述问题的术语。

固定在Chrome中的位置

3 个答案: