求css让图片变灰鼠标经过变彩色代码 100
<STYLEtype=text/css>AIMG{FILTER:gray}A:hoverIMG{FILTER:}</STYLE>这种方法好像没用。求正确能兼容各浏览器的代...
<STYLE type=text/css>
A IMG {
FILTER: gray
}
A:hover IMG {FILTER:
}
</STYLE>
这种方法好像没用。 求正确能兼容各浏览器的代码和方法。 展开
A IMG {
FILTER: gray
}
A:hover IMG {FILTER:
}
</STYLE>
这种方法好像没用。 求正确能兼容各浏览器的代码和方法。 展开
展开全部
<style>
.iu{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.iu img{width:800px;}
.ui{-webkit-filter: grayscale(0%); width:800px;}
</style>
<div class="iu" onmouseout="this.className='iu'" onmouseover="this.className='ui'"><img src="0006.png" /></div>
.iu{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.iu img{width:800px;}
.ui{-webkit-filter: grayscale(0%); width:800px;}
</style>
<div class="iu" onmouseout="this.className='iu'" onmouseover="this.className='ui'"><img src="0006.png" /></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我理解你的意思了，稍等，我发来代码
追问
代码了？
追答
代码如下：
<!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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
.iu{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.iu img{width:800px;}
.ui{-webkit-filter: grayscale(0%); width:800px;}
</style>
<div class="iu" onmouseout="this.className='iu'" onmouseover="this.className='ui'"><img src="0006.png" /></div>
.iu{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.iu img{width:800px;}
.ui{-webkit-filter: grayscale(0%); width:800px;}
</style>
<div class="iu" onmouseout="this.className='iu'" onmouseover="this.className='ui'"><img src="0006.png" /></div>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个要用脚本来做。光用css样式是做不出来的
追问
谁说的 只是现在WEB标准不同了而已
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
