|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
28.09.2010, 19:58 | #1 |
Регистрация: 28.09.2010
Сообщений: 5
|
проблемы с css? не работает меню в опере
во всех браузерах отображается нормально, а в опере 10.62, не работает
подскажите плиз, я новичек, и уже не знаю, где даже смотреть ((( Код HTML:
<ul id="css3menu"> <li class="topitem"><a href="#" title="Салон">Салон</a></li> <li class="topitem"><a href="#" title="Услуги"><span>Услуги</span></a> <ul> <li class="subfirst"><a href="#" title="услуги">услуги</a></li> </ul> </ul> <style> ul#css3menu,ul#css3menu ul{ margin:0; list-style:none; background-color:#000000; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(255,255,255,0.16)); background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(255,255,255,0.16))); background-repeat:repeat; border-width:1px; border-style:solid; border-color:#343434; -moz-box-shadow:1.4px 1px 2px #B1B1B1 ;-webkit-box-shadow:1.4px 1px 2px #B1B1B1; box-shadow:1.4px 1px 2px #B1B1B1;} ul#css3menu ul{ display:none; position:absolute; left:-1px; top:98%; padding:0; background-color:#202020; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.16),rgba(255,255,255,0)); background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.16)),to(rgba(255,255,255,0))); border-color:#000000;} ul#css3menu li:hover>*{ display:block;} ul#css3menu li:hover{ position:relative;} ul#css3menu ul ul{ position:absolute; left:98%; top:-2px;} ul#css3menu{ padding:6px 6px 6px 0; display:block; font-size:0; position:absolute; z-index:1000;/*&*/ left:0px; top:0px; width:800px; height: 32px;} ul#css3menu li{ display:block; white-space:nowrap; font-size:0; float:left; z-index:auto;} ul#css3menu>li,ul#css3menu li{ margin:0 0 0 6px;} ul#css3menu ul>li{ margin:6px 0 0;} ul#css3menu a:active, ul#css3menu a:focus{ outline-style:none;} ul#css3menu a{ display:block; vertical-align:middle; text-align:left; text-decoration:none; font:bold 13px Arial,sans-serif; color:#E7E5E5; cursor:pointer; padding:8px 20px; background-color:; border-width:0; border-style:solid; border-color:transparent;} ul#css3menu ul li{ float:none; margin:0;} ul#css3menu ul a{ text-align:left;} ul#css3menu li:hover>a{ background-color:#980dba; border-color:#F8F8F8; border-style:solid; font:bold 13px Arial,sans-serif; color:#333; text-decoration:none; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(85,170,0,0.7)); background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7))); filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#60FFFFFF,endColorstr=#B355AA00);} ul#css3menu img{ border:none; vertical-align:middle; margin-right:16px; width:16px; height:16px;} ul#css3menu ul img{ width:16px; height:16px;} ul#css3menu img.over{ display:none;} ul#css3menu li:hover > a img.def{ display:none;} ul#css3menu li:hover > a img.over{ display:inline;} ul#css3menu li.topitem>a{ background-color:;/*traspar*/ border-width:1px 0 0 0; border-style:solid; border-color:; font:bold 14px Arial,sans-serif; color:#E7E5E5; text-decoration:none; text-shadow:0 1px 1px #000000;} ul#css3menu li.topitem:hover>a{ background-color:#6e0987; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.77),rgba(85,170,0,0.7)); background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.77)),to(rgba(85,170,0,0.7))); border-style:solid; border-color:#F8F8F8; font:bold 14px Arial,sans-serif; color:#333; text-decoration:none; text-shadow:0 1px 0 #C5EAA1; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#C6FFFFFF,endColorstr=#B355AA00);} </style> |
16.10.2010, 16:26 | #2 |
Регистрация: 28.09.2010
Сообщений: 5
|
все разобрался!
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
меню в css | Alex123456 | HTML и CSS | 3 | 09.08.2010 16:26 |
Не работает <a href > в опере | slips | JavaScript, Ajax | 5 | 26.11.2009 15:45 |
скрипт скрытия / отображения текста без перезагрузки (не работает в опере) | vlad007 | JavaScript, Ajax | 12 | 10.11.2009 13:08 |
Скрипт не работает в Опере | SuBwooFer | JavaScript, Ajax | 4 | 02.09.2009 14:49 |
Css меню не работает в Internet Explorer | CoDaJJe | HTML и CSS | 0 | 27.08.2009 21:16 |