IE7-8, border-radius, background

[npofopr]

Помогите разобраться, почему в IE8 версии, крайний бордер "корявый" получается, в IE7 все ок.

И еще, не могу понять, почему при ховере на ссылки беграунд разный, у первой ссылки и у всех остальных, это в IE7,8 версиях.

пруф линк

[Great Rash]

А это че такое? Chrome frame? Каким образом углы сделаны в ИЕ7?

[Viper]

Проблемы видны только на нативном IE8? Я вижу только, что похоже не работают твои display-table.min.htc и PIE.htc... С hover все норм в режимах 8, 7

[npofopr]

Chrome frame убрал.

Углы сделаны:

-webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  behavior: url(PIE.htc);

display-table.min.htc должен работать, без него бы в IE7 меню выводилось обычным li, друг под другом. Без работающего PIE, углов бы тоже я думаю небыло.

IE у меня 10ый, в нем уже переключаюсь на 7-8-9ые, через его инспектор.

Ховер работает, только он разных цветов. Разный градиент. Причем, на первый ссылке нормальный, а на всех остальных блеклый.

[Viper]

display-table.min.htc должен работать, без него бы в IE7 меню выводилось обычным li, друг под другом. Без работающего PIE, углов бы тоже я думаю небыло.

IE у меня 10ый, в нем уже переключаюсь на 7-8-9ые, через его инспектор.

В этом-то и странность... У меня углы не закругляются и в IE7 пункты меню выводятся друг под другом, как если бы фиксы не работали... Смотрю через IE9 в режимах 8/7.

Ховер работает, только он разных цветов. Разный градиент. Причем, на первый ссылке нормальный, а на всех остальных блеклый.

И градиент у меня не работает в этих браузерах. Просто желтый(#ffffb7) цвет при ховере

П.С. Советую попытаться проверить сайт на нативном 8-м.

[Great Rash]

У меня в ИЕ9 все ссылки бледные. В режиме ИЕ7 и 8 первая и последняя яркие, остальные бледные.

[npofopr]

У меня в ИЕ9 все ссылки бледные. В режиме ИЕ7 и 8 первая и последняя яркие, остальные бледные.

Вот у меня тоже бледные, кроме крайних. И не понятно почему.

-pie-background наверно так их отрисовывает. Картинкой наверно проще сделать.

При ховере все равно теряется border у крайних ссылок =(

Или для 9'ки вставить

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWVmMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

как предлагает генератор)

Насущий вопрос: можно ли сделать border при ховере?

Edited November 2, 2012 by npofopr

[DownHouse]

Углы сделаны:

-webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  behavior: url(PIE.htc);

В лучшем случае это не будет работать.

PIE.htc работает только с короткими записями (border-radius: 3px), он не умеет делать разные радиусы у разных углов.

Ну и если вам нужны ie7-8 - пара однопиксельных картинок решит все проблемы с бекграундом.

[npofopr]

Углы сделаны:

-webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  behavior: url(PIE.htc);

В лучшем случае это не будет работать.

PIE.htc работает только с короткими записями (border-radius: 3px), он не умеет делать разные радиусы у разных углов.

Ну и если вам нужны ie7-8 - пара однопиксельных картинок решит все проблемы с бекграундом.

Не умеет? А почему делает? Или это у меня IE выкабенивается?

Пара однопиксельных картинок?

Позиционировать по углам что ли?

на PIE.htc мир не заканчивается, не помню, что выдает DD_roundies. Его попробую еще.

Edited November 2, 2012 by npofopr

[DownHouse]

я не вижу чтобы там что-то скруглялось

https://dl.dropbox.com/u/24272703/img/42.png

http://css3pie.com/documentation/known-issues/

про фоны там тоже написано.

Пара однопиксельных картинок?

Это я про градиенты.

Суровые юзеры ie7-8 любят прямые углы.