IE8 и .css() не считывает border-color

24.06.2013, 11:54. **Показов** 1624. **Ответов** 3

Студворк — интернет-сервис помощи студентам

Друзья, подскажите в чём может быть дело.
Задача вообще стоит абсолютно тривиальная - поменять цвет бордера у блока по наведению и вернуть его обратно по отведению мышки. Но должен быть бордер-радиус.
Для ie подключил PIE.htc, и прописал смену цвета через css по событию hover. Но тут случился первый подводный камень - при ховере ie не хочет подключать PIE.htc и углы становятся квадратными.
Не нагуглив решение проблемы минут за 30-40 решил написать простенький скрипт

JavaScript
1
2
3
4
5
6
$('.for-hover').hover(function(){
    cl = $(this).css('border-top-color');
    $(this).css('border-color','#D41A44');
}, function(){
    $(this).css('border-color',cl);
});

Сработало везде, кроме ie8 (ie10 проглатил без возмущений).
После пары экспериментов выяснилось, что ie на запрос border-color отвечает "transparent". То есть следующий код выдает окошко с надписью "transparent"

JavaScript
1
2
3
4
5
6
7
$('.for-hover').hover(function(){
    cl = $(this).css('border-top-color');
    alert(cl);
    $(this).css('border-color','#D41A44');
}, function(){
    $(this).css('border-color',cl);
});

Господа, прошу помощи, в чём может быть проблема?
В контексте данного скрипта перепробовал все варианты - запрос значения border, border-color, borderColor, border-top-color. Пробовал задать значение в css через hex и rgb(), в том числе для каждой стороны отдельно.
Кстати я просмотриваю через ie10 в режиме совместимости с ie8, может ли быть проблема в этом?

Donald28 · 24.06.2013, 23:06

а если убрать top? или это принципиально нужно?

@Forastero · 25.06.2013, 00:59

На счет IE - существует плагин Curvy Corners. Он скругляет углы.

Может это и не лучший выход, но если будет работать, просто пропишите условные комментарии для IE и подгружайте скрипт.

Должно сработать.

25.06.2013, 01:41

Сообщение от Donald28

а если убрать top? или это принципиально нужно?

top это результат экспериментов) там в конце первого поста написано, что я перепробовал все варианты.

Сообщение от SoraxWeb

На счет IE - существует плагин Curvy Corners. Он скругляет углы.
Может это и не лучший выход, но если будет работать, просто пропишите условные комментарии для IE и подгружайте скрипт.
Должно сработать.

Что-то со словом Corners в названии я пробовал и не вышло. Точно не знаю его или нет, так как перепробовал с десяток различных плагинов и htc. На hover так никто и не сработал(

В общем тему можно считать закрытой, так как я плюнул и сделал замену бэкграунда по ховеру, и этот самый бордер просто нарисовал на паре картинок)

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	24.06.2013, 23:06
	а если убрать top? или это принципиально нужно? 0

@Forastero 562 / 339 / 87 Регистрация: 15.05.2013 Сообщений: 812 Записей в блоге: 1
	25.06.2013, 00:59
	На счет IE - существует плагин Curvy Corners. Он скругляет углы. Может это и не лучший выход, но если будет работать, просто пропишите условные комментарии для IE и подгружайте скрипт. Должно сработать. 0