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

回答

相關問題