IE问题z-index css

我完全困惑。我已阅读通过这个主题推荐的文章，仍然无法找到有效的东西。IE问题z-index css

这里就是它的预期外观： ------>使用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; 
}

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

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

我当然欣赏的帮助。我接近智慧结束。我正在使用资源管理器开发人员栏，并试图将iPod标签的“我”图标轻轻推下，然后他们靠近，然后跳过下面的图像。

我不断回头尝试其他职位的东西被建议，但似乎无法找到正确的。真的很欣赏时间。祝你有个好的一天！！

谢谢!!!

丽莎 “我知道怎样，但我不” L O）

来源

2011-06-11 LisaRose

你可以在你的CSS使用IE条件注释解决这个问题。把它们放在当前CSS声明的末尾，以防万一（优先）...

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

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

来源

2011-06-11 01:07:52

谢谢你谢谢谢谢!!!我在每个图像上使用它，它的工作原理！哇。很简单！！ – LisaRose 2011-06-11 17:08:14

IE问题z-index css

回答

相关问题