Question

我完全糊涂了。我已经阅读了通过这个主题推荐的文章，似乎仍然无法找到有用的东西。

以下是它的支持方式： ------＆GT;使用FIRFOX或SAFARI http://lisareisman.com/tests/focusTest

然后在IE 8或9上查看它.2'我'图标和iPod标签已被'重新定位'。

这是css：

#feature_top, feature_bottom {
z-index:1;
}

#feature_top img.info_btn {
position:relative;
float:right;
margin-top:-28px;
margin-right:165px;
z-index:2;
}

.img_overlay {
float:right;
margin-right:-15px;
margin-top: -150px;
position:relative;
z-index:3;
}

#feature_bottom img.info_btn {
position:relative;
float:right;
margin-top:-155px;
margin-right:125px;
z-index:2;
}

我有一个单独的ie样式表。

顶部的

html：

        <div id="feature_top">
        <img class="feature_arrow" src="img/arrow.png" alt="Feature arrow" />
            <h2>QwickPay Mobile Payment System</h2>
            <p class="top"><span class="bold">QwikPay</span> is a complete payment solution allowing your PC, Mac, IiPhone, iPod Touch, iPad or any other mobile smart phone, to evolve into a highly secure payment system. With <span class="bold">QwikPay</span>, you can easily accept credit and signature debit sales anytime, anyplace. Don't type, safely swipe and you and your customer will enjoy the convenience and peace of mind unmatched by any other secure, POS system. It is easy to use and can help merchants lower their cost of accepting cards by as much as 30%. When your customers want to pay with a card, <span class="bold">QwikPay</span> is the safest way.</p>
        <div id="feature1_img">
            <a href="#"><img src="img/qwikPaywithPhone.png" alt="" /></a>
            <a class="iframe" href="http://www.qwickpay.com/"><img class="info_btn" src="img/info_icon.png" /></a>
            <img class="img_overlay" src="img/made-for-iphone-ipod.png" />
            <div style="display: none;">
                  <a class="fancybox" href="img/setUpSale.png"></a>
            </div><!--end fancy box-->
        </div><!--end feature image 1-->
      </div><!--end of feature_top-->

我很感激你的帮助。我接近斗智斗勇。我正在使用资源管理器开发人员栏，我试图轻推'我'图标＆amp; iPod标签向下，它们接近然后跳过下面的图像。

我继续回去尝试其他帖子的建议，但似乎找不到合适的帖子。真的很感激时间。有一个好的!!

谢谢!!!

莉莎 “我应该知道怎么做，但我不知道; o）

Answer 1

您可以在CSS中使用IE条件注释来解决此问题。将它们放在当前CSS声明的末尾，以防万一（优先）......

<!--[if IE]>
<style type="text/css">
position:absolute
top:...px
left:...px

</style>
<![endif]-->

IE发布z-index css

1 个答案: