Question

所以我有这个page，如果你看看4个按钮“Take a Test Drive”“Lease to Own Options”ext ...他们没有在IE中排除div的底部。在Firefox中它看起来很好..还有html

<div class="main-img-box">
                <img alt="Retail POS Systems" src="/images/software/video_pos_software.png">
                <div class="main-cont-software">
                <a href="/downloads/video_vision_download.php" class="video-testdrive rest_icons"><span></span></a>
 <a href="/lease" class="video-lease rest_icons"><span></span></a>
<a href="javascript:addBookmark('POSNation.com%20-%20Video%20Rental%20POS%20Systems',window.location);" class="video-bookmark rest_icons"><span></span></a>
<a href="/shop_pos/index.php?route=information/contact" class="video-ask rest_icons"><span></span></a>                  </div>
            </div>

以下是一些相关的CSS

            .main-img-box {
                height: 398px;
                position: relative;
                width: 100%;
            }

            .main-cont-software {
                bottom: 0;
                color: #FFFFFF;
                height: 76px;
                left: 14px;
                position: absolute;
                width: 100%;
            }

            .video-testdrive {
                background: url("../images/software/pos-sw-btn-video-testdrive.png") repeat scroll 0 0 transparent;
                display: inline-block;
                height: 57px;
                margin-right: 9px;
                width: 169px;
            }

            .video-lease {
                background: url("../images/software/pos-sw-btn-video-lease.png") repeat scroll 0 0 transparent;
                display: inline-block;
                height: 57px;
                margin-right: 9px;
                width: 169px;
            }

关于我所缺少的任何想法

还有一个很好的工具来测试IE ..我在firefox上使用firebug并且效果很好但是我总是在IE上遇到困难..那里的建议也是如此

Answer 1

您需要添加vertical-align: top ..again 。

.main-cont-software a {
    vertical-align: top;
}

更多信息：

还有一个很好的工具来测试IE ..我在firefox上使用firebug和它效果很好，但我总是很难与IE ..任何建议那里也是

到目前为止，最好的选择是内置（到IE8 +）开发人员工具（点击F12）。

如果您想在IE6 / 7中进行测试时使用它们，则必须download it。虽然对于IE7，你可以在IE8 / 9中使用兼容模式进行测试。

为什么IE中没有排列四个按钮？

1 个答案: