Проблема с наведением CSS3PIE

#internet-explorer #internet-explorer-8 #css #css3pie

#internet-explorer #internet-explorer-8 #css #css3pie

Вопрос:

Мне не очень повезло на форуме CSS3PIE получить помощь по проблеме, с которой я столкнулся. (да, PIE активен и отлично работает в других местах страницы)

Итог наблюдения

Сбой на самом деле связан с двумя разными элементами:
1. Изогнутые углы ссылки ответа (верхний правый и нижний левый)
2. Граница контейнера комментариев (все 4 угла)

Пример IE8

Часть кода…

<p class="reply"><a href="#"> reply to this comment</a></p>

 .reply {
  margin: -1px 0 -1px -1px;
  padding: 0;
  font-size: 11px;
  line-height: 14px;
  color: #333;
}
.reply a:link {
  display: inline-block;
  padding: 3px 6px 3px 5px;
  -webkit-border-radius: 0 5px 0 5px;
  -moz-border-radius: 0 5px 0 5px;
  border-radius: 0 5px 0 5px;

  /* behavior: url(PIE.htc);  IE WON'T APPLY BEHAVIORS IN A HOVER SELECTOR? PLACING IT HERE ALSO GIVES Z-INDEX ISSUES */
}
.reply a:link, .reply a:visited  { color: #878787; }
.reply a:hover {
  padding: 2px 5px 2px 4px;
  color: #EEE;
  background-color: #666;
  border: 1px solid #666;
}
  

Мысли?

Комментарии:

1. Предложение, то есть то, что мне нравится делать — пусть браузеры < IE9 будут заостренными. Я всегда чувствую, что мое время разработки можно было бы лучше потратить на создание функций, которые не предоставляются бесплатно при обновлении браузера.

2. (вздыхает) — Я знаю, я знаю. Хорошая политика. Увы, для меня текущие посетители в IE9 составляют примерно тот же процент, что и в IE6. :

3. Я чувствую вашу боль. Не всегда можем сами выбирать, с кем сражаться, да?

4. Не все так плохо. Вам действительно нужно быть идеальным в пикселях в каждом устаревшем браузере? Сколько усилий вы вкладываете в это? И скольким из вашей базы пользователей это улучшит работу с ним? Обычно я пишу для новых браузеров и позволяю старым ухудшаться. Мне нравится думать, что я наказываю пользователей ie8 квадратными углами. smashingmagazine.com/2011/05/03 /…

5. ну, я работал как псих, чтобы заставить закругленные углы, тени и другие вещи работать во всех существующих браузерах. Не однажды я понял! Прикладывать столько усилий только для парня, который даже не знает, как или слишком ленив, чтобы обновить браузер, — это просто куча времени, которое было потеряно впустую. Поэтому я решил не помогать их лени и приложить свои усилия для создания чего-то нового. если вы действительно хотите хорошо просмотреть веб-сайт, на нем на самом деле нет закругленных углов или теней. Это простота! И я вижу, что вы делаете это правильно! Так что пусть это будет четко в браузерах <IE9.

Ответ №1:

В вашем ответе CSS у вас есть:

   /* behavior: url(PIE.htc);  IE WON'T APPLY BEHAVIORS IN A HOVER SELECTOR? PLACING IT HERE ALSO GIVES Z-INDEX ISSUES */
  

Ваше поведение PIE закомментировано. Следующее должно исправить это (при условии, что больше ничего не мешает):

   behavior: url(PIE.htc);  /* IE WON'T APPLY BEHAVIORS IN A HOVER SELECTOR? PLACING IT HERE ALSO GIVES Z-INDEX ISSUES */
  

Комментарии:

1. Я думаю, что со всем временем и усилиями, которые OP вложил в это, он бы понял это. Вероятно, это закомментировано, потому что оно не работает.

2. @Madmartigan — Все время и усилия, которые он вложил в это, именно поэтому на самом деле возможно, что он действительно пропустил это (общеизвестный факт, что если вы что-то написали, ваш мозг регистрирует то, что должно быть, вместо того, что на самом деле есть , вот почему существуют корректоры и редакторы), тем более, что эта строка имеет решающее значение для придания IE8 поведения, подобного CSS3.

Ответ №2:

Попробуйте изменить:

.ответ a:ссылка, .ответ a: посещено { цвет: #878787; }

с помощью: .reply a: ссылка, .reply a: посещенный { цвет: rgb (57, 57, 57) }

Кажется, у IE PIE проблемы с символом #

Ответ №3:

У меня были похожие проблемы, и мне удалось заставить работать некоторые эффекты, применив "position:relative" , по какой-то странной причине это работает нерегулярно. Еще одна вещь, которую я обнаружил, это то, что у IE8, похоже, проблема с созданием локатора css при использовании PIE.htc в таблице стилей, т.Е. ".class1 .class2 h2" , вместо этого мне удалось заставить некоторые стили работать, приписывая класс непосредственно тегу, т.Е. h2 class="xxxx" и записывая класс просто как .xxxx в таблице стилей — надеюсь, это описание имеет смысл и полезно