|
|
Модератор форума: Yuri_G |
Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Проблема с отображением меню в Explorer |
Проблема с отображением меню в Explorer |
Проблема с отображением меню в Explorer на css, работает во всех браузерах кроме Explorer, помогите.
Ссылка на сайт: http://stalker-lost.ru/ CSS: Код .nav {margin:0 38px 0 0; } .nav a:link, .nav a:visited {color:#aaa} .nav a:hover {color:#ccc} .nav li {text-align:left; font-size:12px; position:relative; padding:2px; margin:0; width:140px; list-style:none} @-moz-document url-prefix() {.nav li {padding:1px 2px;}} .nav li:hover {background:-o-linear-gradient(left, rgba(68,68,68,0), rgba(68,68,68,1)); background:-moz-linear-gradient(left, rgba(68,68,68,0), rgba(68,68,68,1)); background:-webkit-linear-gradient(left, rgba(68,68,68,0), rgba(68,68,68,1));} .nav li ul, .nav li:hover ul li ul {display:none; opacity:0; position:absolute; left:125px; top:-15px; z-index:1; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;} .nav li:hover ul li ul {top:0px;} .nav li:hover ul, .nav li:hover ul li:hover ul {display:block; opacity:1; padding:1; left:144px;} .nav li:hover ul li:hover ul {left:148px;} .nav li ul li {padding:0; margin:0; width:auto; border-bottom:1px solid #000;} .nav li ul li:hover {background:none;} .nav li ul li a {display:block; text-align:left; font-size:11px; padding:5px; background:#3d2b1f; background:-o-linear-gradient(right, #442d25, #444); background:-webkit-linear-gradient(right, #442d25, #444); background:-moz-linear-gradient(right, #442d25, #444); margin:0; width:145px} .nav li ul li a:hover {background:#444; background:-o-linear-gradient(right, #444, #708090); background:-webkit-linear-gradient(right, #444, #708090); background:-moz-linear-gradient(right, #444, #708090);} .nav li ul li:first-child a {border-radius:2px 2px 0 0;} .nav li ul li:last-child a {border-radius:0 0 2px 2px;} .nav li ul li:last-child {border-bottom:0px} .li-a:after {content:"ТЛ"; float:right; margin:0 2px 0 2px;} Само меню: Код <div class="nav" style="margin-left:15px; margin-top: -175px;"> <li><a href="#">Главная</a> <ul> <li><a href="#">Новости</a></li> <li><a href="#">Форум</a></li> <li><a href="#">Галерея</a></li> <li><a href="#">Каталог файлов</a></li> <li><a href="#">Статьи</a></li> <li><a href="#">Справка (FAQ)</a></li> <li><a href="#">Гостевая книга</a></li> <li><a href="#">Обратная связь</a></li> </ul> </li> |
Цитата Ljubasha
Alonir, Прозрачность не работает в ИЕ до 9 версии.... Так попробуй.... Это только для ИЕ.... #banners a img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } Ljubasha, это меню вообще то Сообщение отредактировал Bumer_2 - Суббота, 09 Ноя 2013, 20:27:24
|
Bumer_2, Стоп, о каком меню идет речь? О верхнем?
Если о меню слева, то для начала надо прописать <!DOCTYPE> в общих настройках, например таким.... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
Bumer_2, Стоп, о каком меню идет речь? О верхнем? Если о меню слева, то для начала надо прописать в общих настройках, например таким.... Да о верхнем, я прописывал все косится точней баги в шаблоне появляются. Добавлено (09 Ноя 2013, 21:20:53) |
Они не появляются, они и так там есть.
Просто когда не стоит доктайп, разные браузеры эти баги по своему сглаживают. А если стоит докстайм то не сглаживают, и нужно самому править код и устранять ошибки. К прмиеру если в коде прописана ширена какого либа блока "width:200" но вы забыли дописать px или % без доктайпа браузер атоматом вроде как добавляет px А с доктайпом ни чего не добавляет, оно вообще тогда не видит ширину, так как она указана не правильно. И вот таких разных мелких ошибок у вас много в шаблоне. Переписать шаблон на HTML5 |
Да не в доктипе дело, и на html5 будет то же. Alonir, если речь о верхнем, то почему первый пост (коды) о боковом меню? В боковом, кстати, тоже есть проблемы в некоторых версиях IE.
Для версий ниже IE10 нужно прописывать полные мульти-фильтры. И </td> с </div> после последнего пункта верхнего меню поменяйте местами. Сообщение отредактировал Sonor - Суббота, 09 Ноя 2013, 22:01:45
|
Ljubasha,
Цитата Прозрачность не работает в ИЕ до 9 версии работает .... и png и оптика ... при Doctype ... <!DOCTYPE html> Сообщение отредактировал Miss_Esq - Воскресенье, 10 Ноя 2013, 06:28:00
|
Bumer_2, сверстать заново все страницы, по полной используя семантику HTML5. С помощью хаков ввести поддержку новых тегов для старых версий IE.
|
| |||
| |||