css изображение ссылка изменить непрозрачность при наведении

<div id="contentwrap"> 
<a id="contentimage" href=""></a> 
    <p class="content"> 
     </p> 
    </div> 

#contentimage { 
    display:block; 
    background:url(../images/contimg.jpg); 
    top:500px; 
    width:500px; 
    height:400px; 
    position:relative; 
} 
#contentimage:hover { 
    opacity:0.5; 
}

Я хочу, чтобы непрозрачность изображения менялась при наведении. Однако это даже не относится к изображению как к ссылке (без клика)?css изображение ссылка изменить непрозрачность при наведении

источник

2013-11-24 joe

Работы здесь .. http://jsfiddle.net/JoshC/QuC4u/ –

ваша скрипка работает отлично и обрабатывает изображение как ссылку .. –

да забыл у меня был меньший z-индекс в родительском div, который не позволял мне щелкнуть – joe

Код выглядит хорошо, за исключением одной ошибки.
В вашем CSS, использование URL с цитатами
фон: URL (' ../images/contimg.jpg');

Редактировать: ваш код работает нормально.

источник

2013-11-24 03:42:39 srgsanky

Да, в то время как кавычки являются правильными синтаксисами, практически каждый браузер будет правильно обрабатывать изображение, даже если он оставлен без кавычек. – j08691

Вы правы. Тогда код работает нормально. Нет проблем. – srgsanky

Может быть, вы можете попробовать это:

<img id="contentimage" src="link to image">

источник

2013-11-24 04:34:06 RealityPC

css изображение ссылка изменить непрозрачность при наведении

ответ

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