Drupal: проблема совместимости IE - PullRequest
Новая
       8

Drupal: проблема совместимости IE

0 голосов
/ 19 января 2012

У меня проблема с сайтом, созданным в Drupal 6, но не совместимым в IE. Кто-нибудь, знакомый с Drupal, не возражает, если вы просто быстро загляните на сайт и дадите мне знать, если у вас что-нибудь получится?

http://freespiriteurodesign.com.b1.bloomsite.net/

Вероятно, это проблема css: "hover", "float" или "display", но что меня действительно смущает, так это то, что похоже, что изображения повторялись один раз рядом - позвольте мне объяснить (есть шесть изображений всего три с наложением первых трех для создания эффекта наведения) В IE похоже, что всего 12 (что изображение и его наложение повторяются), и именно поэтому оно помещает всплывающие изображения под друг друга. Он правильно отображается в Firefox, если он помогает взглянуть на то, что должно быть там. Я не спал всю ночь в поисках подобной проблемы на каких-либо форумах, но ни разу не сталкивался.

Я просто подумал, что, возможно, кто-то, очень знакомый с Drupal, может подумать, что это похоже на то, с чем они имели дело раньше, и даст мне отправную точку ...

пс. (о да, и я хочу выяснить, в чем собственно проблема, а не просто использовать тег, который переводит сайт в режим совместимости) - Спасибо за все мысли!

1 Ответ

1 голос
/ 19 января 2012

Хорошо, после просмотра вашего источника, я вижу, что вы вкладываете div в свои теги привязки, и я бы сказал, что это ваша проблема, так как это недопустимый HTML: 

<a href="/design">
    <div class="desgn_bx">...</div>
</a>

Вместо этого вложите divэлементы наоборот, поэтому ваш HTML выглядит следующим образом: 

<div class="desgn_bx">
    <a href="/design"></a>
    <!-- rest of your content -->
</div>

Затем добавьте следующий CSS: 

.desgn_bx {
    position: relative;
}

.desgn_bx a {
    *background-color: inherit;   /* add these for IE7 as it does */
    *filter: alpha(opacity=10);   /* not like boxes with no content */
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

Это заставит тег привязки принять полную высоту и ширинуэлемент .desgn_bx, поэтому он по-прежнему будет активным.

...