Jump to content
  • 0

псевдостиль для картинки


Rilo
 Share

Question

вот на той странице http://htmlbook.ru/css/hover

написан такой способ установки стилей

LI A:hover

LI A

LI UL

LI:hover UL

что это такое и как понимать такую последовательность?

проблема, что мозилла 1.8 отображает hoover картинку (в hoover установлен фон) криво: вот так http://nhjugfbd.at.tut.by/18.jpg , т.е. фон не по всей плоскости картинки, а только нижняя часть. при этом замещающий текст, если картинка отсутствет, при наведении исчезает за белым фоном. а если картинка смещена вверх (margin-botoom, то hoover-тень за ней не смещается, а светится такой же фигнёй: полоска снизу от фона и выше белое.

можно ли установить отдельный hoover стиль для картинки? как его задать? и можно ли устанавливать hoover стиль в теге отдельного элемента, а не в табилце стилей?

Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0

дружище, тебе если нужно установить псевдостиль картинке в hoover, то мозиллу обновить хотя бы до 1.9, но там будет по другому криво, но это зато при наведении исчезать будет не за белым фоном, а за прозрачным псевдоэлементом, который подключается мозиллой из вебкита методом кроссбраузерного скриптинга. Тогда внешне это будет выглядеть как будто ничего и не было, а псевдокласс сокращается за счет схлопывания с новым псевдоэлементом, и тень будет на месте.

Иначе только скриптами.

  • Like 1
Link to comment
Share on other sites

  • 0

плохо понял написанное.

картинка, которая выложена, это картинка без изображения. показано, чтобы было видно, как a:hoover устанавливает фон для картинки при наведении мыши. т.е. он не делает фон по всей плоскости, а только полоску снизу.

при этом картинку нельзя сместить вверх, т.к. фон не сместится вслед за ней.

вот я и хочу поставить отдельный псевдостиль a:hoover для ссылок и для картинок. или, для отдельной картинки.

Link to comment
Share on other sites

  • 0

ну может быть…

но даже тогда странно.

Насчёт версий Gecko был пробел в знаниях. Почитала сейчас.

Актуальные версии 1.9.2 и 2.0 — на них надо ориентироваться.

…мозиллу обновить хотя бы до 1.9…

ты знал!

Link to comment
Share on other sites

  • 0
который подключается мозиллой из вебкита методом кроссбраузерного скриптинга

"Волны перекатывались через мол и падали вниз стремительным домкратом" :o

можно ли установить отдельный hoover стиль для картинки? как его задать?

Можно, img:hover {...} или li:hover img {...}

Но тут, по-моему, это едва ли поможет — тут явно глюк браузера. Сильно похоже, что это какая-то пре-альфа релиза, которого вообще не было, причем больше пяти лет назад...

и можно ли устанавливать hoover стиль в теге отдельного элемента, а не в табилце стилей?

К сожалению, нельзя. Только в теге <style> или внешнем CSS.

А у меня встречный вопрос к автору темы — как сейчас достукиваться до %username%.at.tut.by? В штатном интерфейсе я заветной ссылки не нахожу с самого переезда тутбаевской почты на gmail...

Link to comment
Share on other sites

  • 0

на последней мозилле тот же глюк. попробовал на FF3.6.

tut.by больше не даёт хостинга, это очень старая учётка пока дают с ней хостинг.

img:hover {...} или li:hover img {...}
как понимать второй образец: что значит LI?? Edited by Rilo
Link to comment
Share on other sites

  • 0
как понимать второй образец

Это для картинки внутри элемента списка, на который наведена мышка.

Не знаю, что еще посоветовать... разве что попробовать явно задать для соотв. картинки background-color:transparent (возможно, она наследует откуда-то цвет фона текста и красит белым область, отведенную для alt). Но вообще, разве "картинка без изображения" — не аварийная ситуация, в которой по определению что-то будет выглядеть странно? С нормальной полноценной картинкой с заданными размерами тот же глюк?

tut.by больше не даёт хостинга, это очень старая учётка

Так я и в старой учетке не нахожу файл-менеджера, хотя давно закачанные файлы в ней показываются... :o

Link to comment
Share on other sites

  • 0

этот баг обнаружен как раз на нормальной кртинкой с прозрачными областями. за непрозрачной картинкой этого не видно. но если её приподнять, то должна быть видна полоса.

SelenIT

Доступ к странице администрирования личного сайта, созданного еще до

перевода на Google, возможен со страницы http://имя.at.tut.by/index.wssp

В поле "Пользователь" введите Ваш почтовый адрес имя@tut.by

К почтовым ящикам, которые создаются на новой платформе (Google), личный

сайт, к сожалению, не прилагается.

+ftp.tut.by Edited by Rilo
Link to comment
Share on other sites

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.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy