Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг: Рейтинг темы: голосов - 39, средняя оценка - 4.62
stan07
2 / 2 / 1
Регистрация: 01.09.2011
Сообщений: 137
#1

свойство css3 border-radius в ie7 ie8 - HTML, CSS

11.11.2012, 12:34. Просмотров 5098. Ответов 17
Метки нет (Все метки)

Доброе время суток,
Подскажите, пожалуйста, как "заставить" свойство css3 border-radius работать в ие7 и 8?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.11.2012, 12:34
Я подобрал для вас темы с готовыми решениями и ответами на вопрос свойство css3 border-radius в ie7 ie8 (HTML, CSS):

border-radius В ie8
Вот собственно, надо подружить border-radius и IE 8. Нашел в инте PIE css3...

Использование border-radius в IE8
Вроде тема заезженная, но никак не могу решить вопрос! Нужно подключить...

Не срабатывает border-radius.htc в ie8
вот страничка файлик main.css (в самом начале у body прописано:...

Некорректная работа свойств border и border-radius на мобильных устройствах
Доброго времени суток, произошла интересная вещь: использовала...

border-radius в IE
как сделать border-radius и box-shadow в IE???

border-radius и IE
Вот мой CSS-код: -moz-border-radius: 7px; -webkit-border-radius: 7px;...

17
Inocs
28 / 28 / 10
Регистрация: 28.10.2011
Сообщений: 183
11.11.2012, 17:55 #2
Заставить никак, но применить альтернативу можно.
Есть несколько методов, чтобы сделать скругленные углы. Один из них называется звездочка. Суть состоит в том, чтобы нарисовать картинку со звездочкой, и расположить онду и ту же картинку по всем 4-м углам элемента, скрывая все что выходит за пределы блока с помощью свойства overflow.
Нарисовал картинку, думаю из нее можно уловить общий смысл.
Ну то есть верхний блок с картинкой буде перекрывать основной блок создавая скругленные углы.
1
Миниатюры
свойство css3 border-radius в ie7 ie8  
newJS
2395 / 1068 / 307
Регистрация: 23.06.2011
Сообщений: 3,330
11.11.2012, 20:00 #3
Цитата Сообщение от Inocs Посмотреть сообщение
Заставить никак
Почему ни как? есть htc и даже с тенями есть.
английский оригинал.
Перед использованием советую прочесть. Есть небольшие ограничения.
Промт переводит вполне понятно.
2
Inocs
28 / 28 / 10
Регистрация: 28.10.2011
Сообщений: 183
11.11.2012, 20:14 #4
Прикольно, спасибо, буду знать
0
stan07
2 / 2 / 1
Регистрация: 01.09.2011
Сообщений: 137
12.11.2012, 13:13  [ТС] #5
Спасибо!
0
t1m0n
624 / 402 / 27
Регистрация: 03.11.2009
Сообщений: 1,836
12.11.2012, 15:34 #6
ie7-8 это требование заказчика?
может уже не верстать под него?)))
0
Taatshi
Администратор
11535 / 5032 / 256
Регистрация: 05.04.2011
Сообщений: 13,768
Записей в блоге: 2
12.11.2012, 15:41 #7
t1m0n, восьмой точно рано списывать со счетов. ИМХО.
0
geos99
0 / 0 / 0
Регистрация: 12.11.2012
Сообщений: 5
12.11.2012, 20:07 #8
В IE-7 оно в принципе не работает, в IE-8 должно..
0
stan07
2 / 2 / 1
Регистрация: 01.09.2011
Сообщений: 137
13.11.2012, 12:43  [ТС] #9
geos99, если Вы имеете ввиду файл НТС то все работает и в 7 и 8 ( правда бекграунд у элемента меняется на черный , но это поправимо )
0
newJS
2395 / 1068 / 307
Регистрация: 23.06.2011
Сообщений: 3,330
13.11.2012, 20:20 #10
Цитата Сообщение от geos99 Посмотреть сообщение
В IE-7 оно в принципе не работает, в IE-8 должно.
Когда то этот htc нашел еще для ие6, не знаю за ие7, а ие6 и ие8 все работает, сопроводиловку нужно читать.
0
geos99
0 / 0 / 0
Регистрация: 12.11.2012
Сообщений: 5
14.11.2012, 09:57 #11
Цитата Сообщение от newJS Посмотреть сообщение
Когда то этот htc нашел еще для ие6, не знаю за ие7, а и ие8 все работает, сопроводиловку нужно читать.
IE-6 свойства CSS-3 в принципе не поддерживает, не пишите ерунды..
0
newJS
2395 / 1068 / 307
Регистрация: 23.06.2011
Сообщений: 3,330
14.11.2012, 11:06 #12
Цитата Сообщение от geos99 Посмотреть сообщение
IE-6 свойства CSS-3 в принципе не поддерживает
вот для этого htc и придумали

Добавлено через 3 минуты
Цитата Сообщение от geos99 Посмотреть сообщение
IE-6 свойства CSS-3 в принципе не поддерживает
кстати ие7 и ие8 тоже не поддерживают
0
stan07
2 / 2 / 1
Регистрация: 01.09.2011
Сообщений: 137
14.11.2012, 13:17  [ТС] #13
Кстати, файл htc "скругляет" все углы элемента, Подскажите, пожалуйста, можно сделать чтобы он "скруглял" только определенные углы (например левый верхний и правый верхний)
0
newJS
2395 / 1068 / 307
Регистрация: 23.06.2011
Сообщений: 3,330
14.11.2012, 20:23 #14
То что мне довелось читать про эти файлы, то нет.
Но, этих файлов энное количество от разных авторов, может кто и сделал это, надо собирать все какие есть и пробовать.
А стоят ли старые ослы таких усилий?
0
stan07
2 / 2 / 1
Регистрация: 01.09.2011
Сообщений: 137
14.11.2012, 20:39  [ТС] #15
newJS, эт точно
0
geos99
0 / 0 / 0
Регистрация: 12.11.2012
Сообщений: 5
15.11.2012, 18:57 #16
IE-7 полагаю ни у кого уже нет, а вот IE-8 вполне достаточное количество.
0
Зверушь
398 / 317 / 80
Регистрация: 01.05.2010
Сообщений: 1,576
16.11.2012, 10:35 #17
Цитата Сообщение от geos99 Посмотреть сообщение
IE-7 полагаю ни у кого уже нет.
Ну вообще есть, особенно у тех у кого на работе. А про существование альтернативы пользователи могут даже не догадываться.
Но вообще да, ИЕ7 уходит. Поскорее бы
0
geos99
0 / 0 / 0
Регистрация: 12.11.2012
Сообщений: 5
17.11.2012, 03:07 #18
ну семёрку можно обновить до восьмёрки, конечно тоже не алё, но всё же получше немного..
0
17.11.2012, 03:07
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
17.11.2012, 03:07
Привет! Вот еще темы с решениями:

table border в ie7
В ие7 появляется такой косяк <table border="0"> <table border="1"...

Кто как борется с IE6, IE7, IE8?
Что вы делаете, чтоб сайт отображался правильно в IE?

Border-radius останавливается
Подскажите, пожалуйста, есть картинка квадратная, хочу ее обрезать до круга,...

Border-radius не работает
Есть сайт с html: <!Doctype html> <html> <head> <meta...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
18
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru