求css让图片变灰鼠标经过变彩色代码

<STYLE type=text/css>
A IMG {
FILTER: gray
}
A:hover IMG {FILTER:
}
</STYLE>
这种方法好像没用。求正确能兼容各浏览器的代码和方法。

举报该文章

相关建议推荐于2017-06-29

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/4fpmpqqpms7pvs2sq2.html

其他看法

第1个回答 2015-06-28

我理解你的意思了，稍等，我发来代码

追问

代码了？

追答

代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>图片黑白</title>
    <style>
    img {-webkit-filter: grayscale(100%);filter: grayscale(100%);width: 100%;}
    img:hover{-webkit-filter: none;filter: none;}
    .grid-item { width: 400px;margin-bottom: 10px; }
    .grid-item--width2 { width: 400px; }
    </style>
</head>
<body>
<div class="grid">
    <div class="grid-item">
        <img src="images/be0f2a24f9470d1068c124b806afd45f.jpg">
    </div>
    <div class="grid-item">
        <img src="images/8cc1dbf7f82755941dcda0240560f4d7.jpg">
    </div>
    <div class="grid-item">
        <img src="images/f1b04d0c3b4e94e39b722013b805fdf5.jpg">
    </div>
</div>
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/masonry/4.2.1/masonry.pkgd.min.js"></script>
<script type="">
    $(function(){
        $('.grid').masonry({
            itemSelector: '.grid-item',
            columnWidth: 400,
            gutter: 10
        });
    });
</script>

第2个回答 2015-06-29

第3个回答 2015-06-28

这个要用脚本来做。光用css样式是做不出来的追问

谁说的只是现在WEB标准不同了而已