CSS3PIE проблема при наведении - PullRequest
Новая
       23

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

3 голосов
/ 20 апреля 2011

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

Observation Summary

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

IE8 Example

Часть кода ...

<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;
}

Мысли

Ответы [ 3 ]

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

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

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

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

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

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

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

0 голосов
/ 20 декабря 2011

В вашем ответе 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 */
...