Закругленные углы в IE6-8 без JavaScript

@dresser · Регистрация: 26.12.2010

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

Есть отличный пример подсказок с закруглёнными углами и тенями, русскоязычный вариант тут. Вопрос: возможно ли заставить IE6-8 выводить подсказки таким же образом без js?
Может с использование картинок как-то можно сделать? В гугле находил множество статей с различными ссылками на библиотеки и т.д., но в IETester для 6 это не работает.
Кто как с этим борется или все уже отказались от поддержки этой версии?

@newJS · 24.06.2012, 07:24

Есть раритетная версия на css, без круглых углов.
Для углов существует несколько версий htc с тенями и без, или на дивах(кроссбраузерно).
Надо?

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

Кто как с этим борется или все уже отказались от поддержки этой версии?

Не все. ИМХО.

А чем скрипт не угодил?

@dresser · 24.06.2012, 10:13 **[ТС]**

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

Надо?

Было бы неплохо с примером. Только вот я скачивал уже с сайта разработчика и как я говорил выше, при просмотре через ITester для 6 версии ничего не работает. Для 7 получается нормально, а 6 ни в какую. Потому и думаю насчёт картинок

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

А чем скрипт не угодил?

Хочу научиться делать без скрипта

@newJS · 24.06.2012, 20:51

Это просто подсказка на css, а углы завтра посмотрю, раз без скрипта хочешь, но это мало кому надо на сегодня. Перестало быть актуальным.
Тестер этот Г. с большой буквы, выкинь, брешет он.

CSS

a.hint {text-decoration:none; color:black;}
a.hint span {display:none; position:absolute; top:10px; left:30px; border:2px solid green; background:yellow; color:black; white-space:pre; padding:5px; }
a.hint:hover {position:relative;}
a.hint:hover span {display:block;}
a.hint i {color:red;}

HTML5

1
2

<div><a href="#" class="hint">Блондинка<span>Красивая девушка,<br><i>умеющая</i> развеселить одной фразой.</span></a></div>
<div><a href="#" class="hint">Чёрная блондинка<span>Редчайший вид особей женского пола.<br>Классификации не подаётся.</span></a></div>

@dresser · 24.06.2012, 21:13 **[ТС]**

Спасибо! Мой пример в общем-то тоже рабочий для ИЕ, за исключением того, что выглядит не так, как задумывалось.

Я тут наваял кое-что, с 7 версии всё работает, а вот 6 даже не знаю как проверить, уверен что там что-то не то творится, но этот тестер ведёт себя странно.

Как ты тестишь для 6 версии ?

@newJS · 24.06.2012, 21:28

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

Как ты тестишь для 6 версии ?

Живьём, в старой ХР.
Седьмого осла не было вообще ни когда, так получилось.
Восьмой поверху шестого, г. еще хуже 6.

@dresser · 24.06.2012, 21:40 **[ТС]**

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

Живьём, в старой ХР

Да, наверное лучше вариантов и не может быть, надо найти раритетные инсталлеры и тоже ставить на вирт. машину

@newJS · 24.06.2012, 21:46

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

надо найти раритетные инсталлеры

Может быть проблемно, сейчас в основном SP3+IE8, а надо SP2.
Обрати на это внимание.

@dresser 0 / 0 / 0 Регистрация: 26.12.2010 Сообщений: 42
		1
	Закругленные углы в IE6-8 без JavaScript 23.06.2012, 23:25. Показов 1647. Ответов 7 Метки нет (Все метки) Есть отличный пример подсказок с закруглёнными углами и тенями, русскоязычный вариант тут. Вопрос: возможно ли заставить IE6-8 выводить подсказки таким же образом без js? Может с использование картинок как-то можно сделать? В гугле находил множество статей с различными ссылками на библиотеки и т.д., но в IETester для 6 это не работает. Кто как с этим борется или все уже отказались от поддержки этой версии? 0

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	24.06.2012, 07:24	2
	Есть раритетная версия на css, без круглых углов. Для углов существует несколько версий htc с тенями и без, или на дивах(кроссбраузерно). Надо? Сообщение от dresser Кто как с этим борется или все уже отказались от поддержки этой версии? Не все. ИМХО. А чем скрипт не угодил? 0

@dresser 0 / 0 / 0 Регистрация: 26.12.2010 Сообщений: 42
	24.06.2012, 10:13 [ТС]	3
	Сообщение от newJS Надо? Было бы неплохо с примером. Только вот я скачивал уже с сайта разработчика и как я говорил выше, при просмотре через ITester для 6 версии ничего не работает. Для 7 получается нормально, а 6 ни в какую. Потому и думаю насчёт картинок Сообщение от newJS А чем скрипт не угодил? Хочу научиться делать без скрипта 0

@dresser 0 / 0 / 0 Регистрация: 26.12.2010 Сообщений: 42
	24.06.2012, 21:13 [ТС]	5
	Спасибо! Мой пример в общем-то тоже рабочий для ИЕ, за исключением того, что выглядит не так, как задумывалось. Я тут наваял кое-что, с 7 версии всё работает, а вот 6 даже не знаю как проверить, уверен что там что-то не то творится, но этот тестер ведёт себя странно. Как ты тестишь для 6 версии ? 0

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	24.06.2012, 21:28	6
	Сообщение от dresser Как ты тестишь для 6 версии ? Живьём, в старой ХР. Седьмого осла не было вообще ни когда, так получилось. Восьмой поверху шестого, г. еще хуже 6. 0

@dresser 0 / 0 / 0 Регистрация: 26.12.2010 Сообщений: 42
	24.06.2012, 21:40 [ТС]	7
	Сообщение от newJS Живьём, в старой ХР Да, наверное лучше вариантов и не может быть, надо найти раритетные инсталлеры и тоже ставить на вирт. машину 0

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	24.06.2012, 21:46	8
	Сообщение от dresser надо найти раритетные инсталлеры Может быть проблемно, сейчас в основном SP3+IE8, а надо SP2. Обрати на это внимание. 0

Опции темы