Скругленные углы и тени
При нажатии на пункт меню должен подсвечиваться блок текста с скругленными углами и тенью:
function setCur(cur){ var head = document.getElementById('menu'); var elems = head.getElementsByTagName('li'); for(var i=0; i<elems.length; i++)elems[i].className=''; document.getElementById('about_div').className=''; document.getElementById('service_div').className=''; document.getElementById('objects_div').className=''; document.getElementById('reference_div').className=''; document.getElementById('contacts_div').className=''; document.getElementById(cur.id).className='current'; document.getElementById(cur.id+'_div').className='current_div'; } Т.е. стиль слоя задается динамически. В Opera и Mozilla отображается все нормально. А в хроме либо углы скругляются, либо тень делается, а в IE8 - ни то, ни другое. Пробовал подключить DD_roundies_0.0.2a - не работает. Как можно реализовать и тень, и скругленные углы во всех браузерах? Сайт - http://spi43.ru |
|
Гениальный ответ. Проблема в том, что стиль динамически задается - как быть в этом случае?
При одновременном использовании -webkit-border-radius и -webkit-box-shadow не работает. |
seregarem,
слабо доки почитать что в каком браузере работает и синтаксис для каждого браузера? динамически стиль-ну и что мешает его динамически задавать исходя из браузера и задачи? http://htmlbook.ru/css/box-shadow |
dmitriymar, слабо вопрос внимательнее читать?
Цитата:
behavior: url(border-radius.htc); behavior: url(ie-css3.htc); Ноль эффекта. Вот css: .current_div{ background:url(../images/bg.gif) repeat; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow:inset #9b9ca1 0 0 15px; -moz-box-shadow:inset #9b9ca1 0 0 15px; -webkit-box-shadow:inset #9b9ca1 0 0 15px; behavior: url(border-radius.htc); behavior: url(ie-css3.htc); } |
seregarem,
читать не умеешь однозначно. ну на тебе выборку с той страницы Internet Explorer не поддерживает свойство box-shadow, взамен можно использовать нестандартное свойство filter: |
я ЗНАЮ, что IE не поддерживает box-shadow!!!!!!!!!!!
filter: фильтр делает только внешнюю тень и это не тень, а смещение. Еще раз спрашиваю: 1. При одновременном использовании -webkit-border-radius и -webkit-box-shadow не работает. В чем причина? Как исправить? 2. Для работы в IE подключаю behavior: url(border-radius.htc); behavior: url(ie-css3.htc); Не работает. В чем причина? Как исправить? |
написать внизу
not working in IE :) а вообще можно конечно сделать много дивов с боков которым указать прозрачность таким образом вы и получите свою тень во всех браузерах. По поводу закругления такая же фигня с дивами. Пользуйтесь гуглом и будем вам счастье. |
Скругленные углы делает rocon:
http://chikuyonok.ru/playground/rocon/ Там скрипт для этого подключен, rounded-corners.js |
Часовой пояс GMT +3, время: 10:32. |