IE7 Углы внутри TH - PullRequest
       1

IE7 Углы внутри TH

0 голосов
/ 07 февраля 2011

Я добавил углы к th с обеих сторон, но в IE7 они не будут отображаться.

Еще хуже, когда я использую «Insepctor» из ie (F12) и удаляю все объекты со страницы (просто снова отображает страницу), они внезапно появляются !!

WTF ??

<thead>
    <tr>
        <th class="process_table_top" colspan="2">
             <div class="corner-2 trp"></div>
             <div class="corner-2 tlp"></div>
        <strong>Personal Details</strong>
        </th>
      </tr>
</thead>

CSS:

.corner-2.tlp{ background:url(/images/buy_process/table-sprite.png);background-position: 0 -18px; width: 5px; height: 4px; top:5px;left:5px;position:absolute;}
.corner-2.trp{ background:url(/images/buy_process/table-sprite.png);background-position: 0 -27px; width: 5px; height: 5px; top:5px;right:5px;position:absolute;}

Ответы [ 2 ]

1 голос
/ 07 февраля 2011

Когда вы указываете position:absolute;, вам также необходимо указать родительский элемент, который будет иметь position:relative; - в вашем случае это будет элемент <th>.

Если вы не укажете position:relative; для родительского элемента, элемент position:absolute; будет позиционироваться из следующего элемента вверх по дереву DOM с position:relative;, вплоть до элемента <body> .

Поэтому решение состоит в том, чтобы поместить position:relative; в <th> элемент (ы).

Вы не указали, относятся ли ваши углы к разряду закругленных углов? Если это то, что вы пытаетесь сделать, почему бы не отбросить всю цель использования угловой графики для закругленных углов. Есть намного лучшие способы сделать это.

Стандартный способ сделать закругленные углы сейчас - это использовать стиль CSS3 border-radius. Это стандартно работает во всех браузерах, кроме IE. Возможно, вы это знаете, но вам, очевидно, это нужно для работы в IE. Хорошая новость заключается в том, что существует множество хаков, которые делают стиль border-radius подходящим и для IE.

Мой любимый CSS3Pie . Очень прост в использовании, и вам не нужно беспокоиться о лишней разметке или графике в вашем HTML-коде.

Надеюсь, это поможет.

0 голосов
/ 07 февраля 2011

IE 7 имеет агрессивное кэширование цитат, которое иногда приводит к неожиданному поведению при разработке и тестировании. Вы, вероятно, должны использовать Ctrl + F5 для принудительной перезагрузки без использования кеша или очистить кеш перед перезагрузкой.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...