Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

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

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

11.11.2012, 12:34. Просмотров 5010. Ответов 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 - HTML, CSS
Вот собственно, надо подружить border-radius и IE 8. Нашел в инте PIE css3 прочитал документацию, вроде все сделал по инструкции, но вместо...

Использование border-radius в IE8 - HTML, CSS
Вроде тема заезженная, но никак не могу решить вопрос! Нужно подключить бордер-радиус для ИЕ-8. Файл PIE.htc скачал, положил в одну папку...

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

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

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

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

17
Inocs
28 / 28 / 3
Регистрация: 28.10.2011
Сообщений: 183
11.11.2012, 17:55 #2
Заставить никак, но применить альтернативу можно.
Есть несколько методов, чтобы сделать скругленные углы. Один из них называется звездочка. Суть состоит в том, чтобы нарисовать картинку со звездочкой, и расположить онду и ту же картинку по всем 4-м углам элемента, скрывая все что выходит за пределы блока с помощью свойства overflow.
Нарисовал картинку, думаю из нее можно уловить общий смысл.
Ну то есть верхний блок с картинкой буде перекрывать основной блок создавая скругленные углы.
1
Миниатюры
свойство css3 border-radius в ie7 ie8  
newJS
2390 / 1063 / 98
Регистрация: 23.06.2011
Сообщений: 3,323
11.11.2012, 20:00 #3
Цитата Сообщение от Inocs Посмотреть сообщение
Заставить никак
Почему ни как? есть htc и даже с тенями есть.
английский оригинал.
Перед использованием советую прочесть. Есть небольшие ограничения.
Промт переводит вполне понятно.
2
Inocs
28 / 28 / 3
Регистрация: 28.10.2011
Сообщений: 183
11.11.2012, 20:14 #4
Прикольно, спасибо, буду знать
0
stan07
2 / 2 / 0
Регистрация: 01.09.2011
Сообщений: 137
12.11.2012, 13:13  [ТС] #5
Спасибо!
0
t1m0n
622 / 399 / 21
Регистрация: 03.11.2009
Сообщений: 1,835
12.11.2012, 15:34 #6
ie7-8 это требование заказчика?
может уже не верстать под него?)))
0
Taatshi
Администратор
11481 / 4948 / 253
Регистрация: 05.04.2011
Сообщений: 13,595
Записей в блоге: 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 / 0
Регистрация: 01.09.2011
Сообщений: 137
13.11.2012, 12:43  [ТС] #9
geos99, если Вы имеете ввиду файл НТС то все работает и в 7 и 8 ( правда бекграунд у элемента меняется на черный , но это поправимо )
0
newJS
2390 / 1063 / 98
Регистрация: 23.06.2011
Сообщений: 3,323
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
2390 / 1063 / 98
Регистрация: 23.06.2011
Сообщений: 3,323
14.11.2012, 11:06 #12
Цитата Сообщение от geos99 Посмотреть сообщение
IE-6 свойства CSS-3 в принципе не поддерживает
вот для этого htc и придумали

Добавлено через 3 минуты
Цитата Сообщение от geos99 Посмотреть сообщение
IE-6 свойства CSS-3 в принципе не поддерживает
кстати ие7 и ие8 тоже не поддерживают
0
stan07
2 / 2 / 0
Регистрация: 01.09.2011
Сообщений: 137
14.11.2012, 13:17  [ТС] #13
Кстати, файл htc "скругляет" все углы элемента, Подскажите, пожалуйста, можно сделать чтобы он "скруглял" только определенные углы (например левый верхний и правый верхний)
0
newJS
2390 / 1063 / 98
Регистрация: 23.06.2011
Сообщений: 3,323
14.11.2012, 20:23 #14
То что мне довелось читать про эти файлы, то нет.
Но, этих файлов энное количество от разных авторов, может кто и сделал это, надо собирать все какие есть и пробовать.
А стоят ли старые ослы таких усилий?
0
stan07
2 / 2 / 0
Регистрация: 01.09.2011
Сообщений: 137
14.11.2012, 20:39  [ТС] #15
newJS, эт точно
0
14.11.2012, 20:39
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.11.2012, 20:39
Привет! Вот еще темы с ответами:

table border в ie7 - HTML, CSS
В ие7 появляется такой косяк <table border="0"> <table border="1" style="margin-left:0; *margin-bottom:-1px;" rules="cols"...

по поводу border-radius - HTML, CSS
с помощью border-radius можно закруглить углы блока , а вот у меня ситуация что угли нужно не закруглить а какбы срезать кто знает как это...

Border-radius для TR - HTML, CSS
Существует таблица <table border="0" width="100%" cellpadding="4" cellspacing="2"> <tr class="new2" align="center" valign="top"> ...

Достопочтенный IE и border-radius - HTML, CSS
Здравствуйте. Есть страница http://alizamoney.myjino.ru/pages/login.html Попробуйте открыть ее в хроме и в IE. Я не могу понять почему...


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

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

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