css问题谷歌浏览器中缺少1张图片

我有一个由三个div组成的按钮，中间的一个像圣杯风格一样伸展出来。我的问题是在谷歌浏览器右侧div的图片离开父容器，并且错过了右边一个或两个像素的结尾，看起来不太好。我试过让右侧z-index 100尝试减少右边距并增加它，但与围绕按钮的间距不匹配，它会从怪物中消失。它在IE中看起来很好你可以建议任何其他的CSS我可以尝试。下面是我的布局css问题谷歌浏览器中缺少1张图片

<div class="container"> 
    <div class="menu-item"> 
     <div class="item-left"></div> 
     <div class="item-middle">Text Goes Here</div> 
     <div class="item-right"></div> 
    </div> 
</div>

来源

2011-05-04 ONYX

帮助，如果你显示的CSS .. – 2011-05-04 05:58:15

请举个例子来理解你的问题 – sandeep 2011-05-04 06:00:38

试试这个代码：

<div class="container"> 
    <div class="menu-item"> 
     <div class="item-left" style="float:left">Left Text</div> 
     <div class="item-middle" style="float:left; margin-left: 60px;">Text Goes Here</div> 
     <div class="item-right" style="float:left; margin-left: 60px;">Right Text</div> 
    </div> 
</div>

见this例如。

纠正我，如果我错了。

来源

2011-05-04 06:18:56

我想出来，如果你使用visisble隐藏它添加另一个像素或两个，这就是为什么我可以看不到最后一个图像 – ONYX 2011-05-04 12:42:54

css问题谷歌浏览器中缺少1张图片

回答

相关问题