Jump to content
  • 0

зона подсветки объекта больше, чем его активная область


zabeg
 Share

Question

Привет! Я новичок и не силен в "веб-верстальческой" терминологии, но есть у меня задачка, которую попробую изложить доступным мне языком на бумаге:

scan1205230002.jpg

И ещё раз понятным текстом :) :

Хочется добиться средствами CSS, чтобы зона подсветки объекта была больше его активной области.

Заранее спасибо за помощь и подсказки!

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Bonzash,

ойойойойойййоооойй..

Да вы что:)

То что вы написали - невалидно и будет работать только для дива вложенного в ссылку. А у нас наоборот. Ссылка в диве, на который срабатывает какое-то событие при ховере на ссылку.

Без джс обратиться к родителю нельзя никак.

Link to comment
Share on other sites

  • 0

спасибо, Zippovich, Yazon_Nile и Bonzash за скорые ответы!

box-shadow - как раз то, что нужно. убрал размытие тени и получилась рамка в точности, как на картинке.

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

может ли быть проблема с отображением бокс-шэдоу в разных браузерах?

может стоит опробовать вариант от Yazon_Nile с джейкваери, как более кроссбраузерный? (не знаю пока, как он выглядит. функционал box-shadow вполне устраивает)

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