Форум Сайтостроение Веб-строительство

Скругление уголков в IE6-8 (PIE)

Jor
На сайте с 23.06.2012
Offline
42
Jor
474

Всем привет!

Никак не разберусь в проблеме, есть следующий код:

HTML:


<div id="slider">
	<ul>
		<li><img src="http://placehold.it/960x324.jpg" alt=""></li>
	</ul>
</div>

CSS:


div#slider {
	width: 960px;
	height: 324px;
	overflow: hidden;
	position: relative;
	background: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	zoom: 1;
	behavior: url(lib/pie/PIE.htc);
}

Таким способом скругляю углы изображений, работает во всех браузерах, кроме IE6-8.

Может кто сталкивался, подскажите, что не так в коде моём?

PIE подключён верно, применял его к другим элементам на странице.

LEOnidUKG
На сайте с 25.11.2006
Offline
1774
LEOnidUKG
#1

Закруглённые углы в нашем время очень так нужны в IE6-8?

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
Jor
На сайте с 23.06.2012
Offline
42
Jor
#2
LEOnidUKG:
Закруглённые углы в нашем время очень так нужны в IE6-8?

Если проблему не удасться решить, то последую Вашему совету - забью. А так, хотелось бы сделать сайт кроссбраузерным, со всеми "плюшками", для тех, кто пока ещё пользуется старыми версиями IE.

LEOnidUKG
На сайте с 25.11.2006
Offline
1774
LEOnidUKG
#3
Jor:
Если проблему не удасться решить, то последую Вашему совету - забью, а так, хотелось бы сделать сайт кроссбраузерным, со всеми "плюшками".

Понимаете, эти плюшки просто физически не могут поддерживать браузеры 7-10 летней давности. IE более менее начал с IE10 нормально поддерживать стандарты и уже ряно тягается по скорости и качеству. Так что забейте и не тратте время, оно нынче очень дорого.

Переход на HTTPS, свежие Настройка CSP - Content Отзыв о прошивке роутера
iqmaker
На сайте с 17.04.2012
Offline
342
iqmaker
#4

Вот попробуйте: http://css3pie.com/

Хотя поддержка ie6-ie8 мало целесообразна, более того вредна: чем больше вебмастеров будут тащить эти трупы, тем дольше придется про них вспоминать.

Mik Foxi
На сайте с 02.03.2011
Offline
1217
Mik Foxi
#5

перестаньте тревожить мертвецов, этим вы делаете только хуже живым. даже гугл и прочие гиганты отказались от этого вредного дела.

Антибот, антиспам, веб фаервол, защита от накрутки поведенческих: https://antibot.cloud/ (8 лет на защите сайтов). Форум на замену серчу: https://foxi.biz/
Jor
На сайте с 23.06.2012
Offline
42
Jor
#6
LEOnidUKG:
Понимаете, эти плюшки просто физически не могут поддерживать браузеры 7-10 летней давности. IE более менее начал с IE10 нормально поддерживать стандарты и уже ряно тягается по скорости и качеству. Так что забейте и не тратте время, оно нынче очень дорого.

Понимаю, и именно поэтому пребегаю к использованию CSS3 PIE.

Для других элементов сайта, где применён border-radius вкупе с PIE, всё работает даже в IE6.

К примеру:

HTML:


<div id="middle">
	<article>
		<h1>О Нас</h1>
		<p>Наш сайт...</p>
	</article>
</div>

CSS:


div#middle {
	background: #fff;
	border: 1px solid #f1f1f1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	zoom: 1;
	behavior: url(lib/pie/PIE.htc);
}

----

А в коде выше, углы не скругляются, подозреваю, что причина в:

overflow: hidden;

----

iqmaker:
Вот попробуйте: http://css3pie.com/
Хотя поддержка ie6-ie8 мало целесообразна, более того вредна: чем больше вебмастеров будут тащить эти трупы, тем дольше придется про них вспоминать.

Если бы взглянули на код (хотя бы на название темы), то может быть Вы поняли бы, что в нём то и проблема.

Не работает border-radius.htc для Будет ли актуально: Перепись Как вставить диаграмму на
Garin33
На сайте с 31.08.2009
Offline
169
Garin33
#7

Jor попробуйте добавить z-index:200; в стили.

Потому что Drupal - это круто.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий