#internet-explorer #internet-explorer-8 #css #css3pie
#internet-explorer #internet-explorer-8 #css #css3pie
Вопрос:
Мне не очень повезло на форуме CSS3PIE получить помощь по проблеме, с которой я столкнулся. (да, PIE активен и отлично работает в других местах страницы)
Сбой на самом деле связан с двумя разными элементами:
1. Изогнутые углы ссылки ответа (верхний правый и нижний левый)
2. Граница контейнера комментариев (все 4 угла)
Часть кода…
<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
в таблице стилей — надеюсь, это описание имеет смысл и полезно