Есть сайт, на сайте есть выпадающие меню-таблицы с ссылками (кнопочки ). В IE 7, IE 8 на ссылки нажать нельзя — при подведении мыши к ссылке табличка сразу закрывается.
КАК ЭТО ИСПРАВИТЬ?
Меню реализовано через CSS:
a { color: #000; background: url(pic.gif) no-repeat right top; padding-right: 10 } a:active, a:hover { text-decoration: underline } a:link, a:visited, a.menu:hover { text-decoration: none } .menu a { color: #03C } .menu a { background: none; padding-right: 0 }
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
Hedron
Здравствуйте!
Есть сайт, на сайте есть выпадающие меню-таблицы с ссылками (кнопочки ). В IE 7, IE 8 на ссылки нажать нельзя — при подведении мыши к ссылке табличка сразу закрывается.
). В IE 7, IE 8 на ссылки нажать нельзя — при подведении мыши к ссылке табличка сразу закрывается.
КАК ЭТО ИСПРАВИТЬ?
Меню реализовано через CSS:
a { color: #000; background: url(pic.gif) no-repeat right top; padding-right: 10 }
Edited by Hedrona:active, a:hover { text-decoration: underline }
a:link, a:visited, a.menu:hover { text-decoration: none }
.menu a { color: #03C }
.menu a { background: none; padding-right: 0 }
a.menu { display: block; width: 16; height:16; background: url(dn4.gif) no-repeat right top }
a.menu span { display: none }
a.menu:hover { display: block; position: relative; font-size: 100%; background-position: right bottom }
a.menu:hover span { display: block; position: absolute; width: 340; top: 14; left: -190; background: #EFE }
.dn { font-size: medium } /* для IE 6.0 */
span table, .border { border-collapse: separate }
.border tr:hover { background-color: #F4FFFF }
.border td tr:hover { background-color: transparent }
Link to comment
Share on other sites
8 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.