Hover image HTML: отзывчивый?

-3

Я пытаюсь создать 2 изображения hover в строке в wordpress с помощью этого простого HTML-кода (см. Ниже). неHover image HTML: отзывчивый?

<a href="#"><img src="image1.jpg" onmouseover="this.src:'image2.jpg'" onmouseout="this.src:'image1.jpg'"></a>

Однако всякий раз, когда я изменить другой модуль из этой же страницы, а не только парить больше не реагируют нет записи HTML кода записывается в первую очередь в модуле. Есть ли способ «защитить» мой код от переопределения? Как , чтобы избежать недостающих пробелов. По другому вопросу мне также хотелось бы, чтобы этот код был отзывчивым: всякий раз, когда я делаю свой экран меньшим, изображения не находятся в одном положении. (Нет javascript, пожалуйста, juste CSS и просто! Я новичок)

Может ли кто-нибудь мне помочь?

Спасибо!

источник

2016-12-28 Elisap

вы можете вставить HTML-код в этот вопрос? Кроме того, поскольку это, похоже, не имеет ничего общего с wordpress, я бы предложил удалить этот тег и держать вопрос простым в области. –

Я использую , как указано выше, он работает! Единственная проблема заключается в том, что я изменяю другие модули на своей странице, а затем код больше не работает и на самом деле отсутствует ... – Elisap

@Elisap вам нужно отредактировать свой вопрос и включить все HTML и CSS, которые вы сейчас используете. –

Вы можете добавить два изображения, как приведено ниже (с помощью Css):

a:hover:after { 
    content: url(image/circle.PNG); 
    display: block; 
    } 

    a:hover { 
    content: url(image/anyother.PNG); 
    display: block; 
    }

Спасибо, Надеюсь, что это поможет

источник

2016-12-29 11:02:14 RDS

Hover image HTML: отзывчивый?

ответ

Смежные вопросы