Игнорирование стиля наведения во внутреннем изображении

Question

Я хочу, чтобы стиль применялся к элементам "a", а не к img.Вот пример:

a: hover {background: # 555;}

Я пытался сделать что-то вроде этого:

a: hover img {background: none;}

хотя я знал, что он ничего не сделает.

Решение, которое я нашел в , этот вопрос не сделалработать для меня, потому что "display: none" перемещает изображение при наведении.

Answer 1

Фон не наследуется изображением внутри ссылки. Удаление фона с изображения ничего не дает, так как начинать не нужно.

Если вы пытаетесь «пробить дыру» на заднем плане, где находится изображение, это невозможно. Вам нужно будет поместить другие элементы внутри ссылки, чтобы заполнить пространство, которое не занято изображением, и вместо этого установить фон для этих элементов.

Answer 2

Я не уверен, что вы спрашиваете здесь.

Если вы поместите цвет фона на тег A, который окружает изображение, вы никогда не увидите фон, потому что изображение скрывает его.

Если вы хотите отобразить цвет фона и скрыть изображение при наведении курсора мыши, вы можете сделать это следующим образом (введите собственные размеры изображения, имя файла и т. Д.):

a {
   display:block;
   height:100px;
   width:100px;
   background-image:url(Images/sample.gif);
   background-color:#555
}

a:hover {
  background-image:none;
}

Answer 3

a:hover img { background:none }

означает, что когда кто-то наводит курсор мыши на букву А, в которой находится ваше IMG, фон IMG будет иметь значение none - это означает, что он будет отображать фон вашего А, поскольку он содержит IMG. (IMG ясен, у A есть фон, но IMG находится внутри или «над» A; поэтому мы видим фон A). Если ваше изображение прозрачно по частям, фон А будет просвечивать.

Лучшее решение может быть

a {background:#555;}
/* set image to the background color of the layer you want to get back to */
a:hover img { background:#fff; }

Answer 4

img находится внутри якоря, поэтому фон не будет вне изображения, независимо от фона в элементе изображения. Имеет ли изображение отступы, поля или прозрачность?