【问题标题】:css image link change opacity on hovercss图像链接在悬停时更改不透明度
【发布时间】:2013-12-08 20:41:03
【问题描述】:
<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;
}

我希望在悬停时更改图片链接的不透明度。但是它甚至没有将图像视为链接(无点击选项)?

【问题讨论】:

  • 在这里工作.. jsfiddle.net/JoshC/QuC4u
  • 您的小提琴工作正常,它将图像视为链接..
  • 是的,我忘记了我在父 div 上有一个较小的 z-index,阻止我点击

标签: html css image hover


【解决方案1】:

也许你可以试试这个:

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

【讨论】:

    【解决方案2】:

    代码看起来不错,除了一个错误。
    在您的 CSS 中,使用带引号的 url
    背景:url('../images/contimg.jpg');

    编辑:您的代码运行良好。

    【讨论】:

    • 是的,虽然引号是正确的语法,但几乎每个浏览器都会正确处理图像,即使不加引号。
    • 你是对的。然后代码工作正常。没有问题。
    猜你喜欢
    • 2013-06-25
    • 2017-05-12
    • 2017-07-13
    • 2015-12-23
    • 2013-08-15
    • 2013-02-09
    • 2011-06-10
    • 1970-01-01
    • 2013-10-31
    相关资源
    最近更新 更多