Jump to content
  • 0

Реализация при наведении


FaLaRD
 Share

Question

10 answers to this question

Recommended Posts

  • 0
  On 9/28/2013 at 6:16 AM, FaLaRD said:
  On 9/27/2013 at 8:39 PM, mrnobody said:

У меня вот так получилось http://jsfiddle.net/mrnobody/pMf2A/

Спасибо огромное

А есть идеи как реализовать кроссбраузерно. В опере все слетело, в ИЕ before не работает

Link to comment
Share on other sites

  • 0

before прекрасно работает в IE, в будущем уточняйте версию, это принципиально.

Вот другой подход, с некоторыми недостатками. Модернизировал код mrnobody.

http://jsfiddle.net/4pCsn/

  • Like 1
Link to comment
Share on other sites

  • 0

Заменил псевдоэлементы на элементы span. Но во ВСЕХ IE (!) не работает левый span (.before) — убираю margin-left: -101%; становится нормально, но в остальных браузерах не отображается.

Вот, может кто-нибудь исправит http://jsfiddle.net/mrnobody/pMf2A/5/

  On 9/28/2013 at 11:00 AM, Vlad said:

before прекрасно работает в IE, в будущем уточняйте версию, это принципиально.

Вот другой подход, с некоторыми недостатками. Модернизировал код mrnobody.

http://jsfiddle.net/4pCsn/

Наверное недостаток в том, что хорошо будет работать при однородном фоне, без градиента и фоновых картинок?

Edited by mrnobody
Link to comment
Share on other sites

  • 0
  On 9/28/2013 at 11:00 AM, Vlad said:

before прекрасно работает в IE, в будущем уточняйте версию, это принципиально.

Вот другой подход, с некоторыми недостатками. Модернизировал код mrnobody.

http://jsfiddle.net/4pCsn/

  On 9/28/2013 at 11:00 AM, Vlad said:

before прекрасно работает в IE, в будущем уточняйте версию, это принципиально.

Вот другой подход, с некоторыми недостатками. Модернизировал код mrnobody.

http://jsfiddle.net/4pCsn/

http://clip2net.com/s/5Q5U3K

Вы невнимательно ознакомились со скриншотом. Ссылке фон нельзя ставить, так как под ней по задумке должна быть подложка. На скриншоте это видно. Если поставить ссылке фон будет сильно отличаться. Первый вариант был хорош, но в ИЕ (независимо какой версии) before не срабатывает, левая полоса

Link to comment
Share on other sites

  • 0

Странно, почему со span нормально работает :huh: .

Поставил positon: relative элементу h2, и стало хорошо работать как в примере hypnocolor, и без лишних span-элементов

http://jsfiddle.net/mrnobody/pMf2A/11/

На весь экран — http://fiddle.jshell.net/mrnobody/pMf2A/11/show/

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