Hyperlink не работает для изображений

Я пытаюсь сделать ссылку с изображения, значит, после щелчка изображения я хотел бы перенаправить на другой сайт. Я использовал следующиеHyperlink не работает для изображений

<div class="haus"> 
    <a href="http://google.com"><img src="http://schwedenladen.de/wp-content/themes/schweden/style/img/haus_icon.png" alt="Haus"></a> 
</div>

CSS КОД

.haus { 
    height: 100%; 
    margin-left: 50px; 
    padding: 0 0 5px; 
    width: 30px; 
    border:1px solid red; 
    z-index:999; 
}

Я не получаю значок гипер ссылки, когда я двигаю курсор на изображение

источник

2013-09-25 user2815758

Кажется, работает для меня, когда я делаю html-файл. Можете ли вы показать нам css для класса div? –

Спасибо за ваш ценный совет. Я обновил код css div haus, но теперь он не работает. Я выделил часть с красным цветом – user2815758

Я добавил код css в вопрос – user2815758

Ваше изображение находится за баннер. Попробуйте это:

.haus>a { 
    position: absolute; 
    z-index: 9999; 
}

Z-индекс имеет важное значение, так как заголовок имеет очень большое значение, которое нужно отправить обратно.

источник

2013-09-25 14:57:11 opalenzuela

Спасибо за ценный совет. Я обновил код css div haus, но теперь он не работает. Я выделил часть с красным цветом – user2815758

попробуйте следующее: .haus> a {position: absolute; z-index: 9999;} – opalenzuela

Я бы немного объяснил свое предложение. Div «haus» ограничен заголовком, и все, что нам нужно иметь спереди, это элемент «a». Вот почему я предлагаю использовать ограничительный селектор CSS, чтобы избежать побочных эффектов в других элементах веб-сайта. – opalenzuela

Hyperlink не работает для изображений

ответ

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