IE выдает z-index css - PullRequest
Новая
       30

IE выдает z-index css

1 голос
/ 11 июня 2011

Я совершенно сбит с толку.Я прочитал статьи, рекомендованные для этой темы, и все еще не могу найти что-то, что работает.

Вот как это ДОЛЖНО выглядеть: ------> используйте FIRFOX или SAFARI http://lisareisman.com/tests/focusTest

, затем посмотрите на него в IE 8 или 9. 2 значка «i» и ярлык 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-->

Я очень ценю помощь.Я близок к концу ума.Я использую панель разработчика Explorer и пытаюсь подтолкнуть значки «i» и ярлык iPod вниз, и они приближаются, а затем прыгают мимо изображения ниже.

Я продолжаю возвращаться и пробовать что-то другоепредлагаемые сообщения, но не могу найти правильный.Очень ценю время.Удачного тебе !!

Спасибо !!!

Лиза "Я должен знать, как, но я не 'л; о)

1 Ответ

0 голосов
/ 11 июня 2011

Вы можете исправить это, используя условные комментарии IE в вашем CSS.Поместите их в конец ваших текущих объявлений CSS на всякий случай (приоритет) ... 

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

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