Это мой HTML

<div class="homeimage">
  <%= link_to image_tag("resizelogo_2.png", alt: "XYZ logo") %>
</div>

Это соответствующий CSS

div.homeimage {
  margin-left: 85px;
}

Это, как это должно выглядеть. Это выглядит так, как будто вы зависаете над изображением. Я предполагаю, что должна быть какая-то настройка по умолчанию, когда дело доходит до зависания? Я знаю, что могу использовать .nohover внутри класса, но это должно быть необходимо, только если я явно включил hover в класс, верно? Как я могу избавиться от парения?

Обновить:

<a href="https://MYc9USER.c9users.io/">
<img alt="XYZ logo" src="/assets/resizelogo_2-796d8a59a387f11e56e2d1edcc4d8443aaa4fead3f224b73e1d8a65e58281b06.png"></a>
0
Krawalla 20 Мар 2017 в 14:52

2 ответа

Лучший ответ

Удалите link_to, который создает анкерную обертку вокруг изображения.

1
Elie Nassif 20 Мар 2017 в 12:11

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

Вы можете сделать это с помощью инструментов разработчика.

enter image description here

Как только вы узнаете, что вызывает зависание, вы можете переопределить его, используя css:

.classname:hover {
 color: pink;
}
1
Yonatan Shippin 20 Мар 2017 в 12:09