-
qq_632_0
- 遇到阻碍了， filter: drop-shadow没有效果，到底需要满足哪些隐藏条件才能触发
给原始的图片增加一个透明的边框 然后再设置图片的图片的投影颜色
- 2018-08-20 2回答·3352浏览
-
_fisher_man
- 求Checkbox响应区域增大的完整代码，呜呜呜
在chrome浏览器中checkbox是设置不了border的，其他浏览器我没试。所以这个方法其实用到机会多，用label标签包着checkbox的，然后给label加padding也可以增大点击的区域。
- 2018-06-07 2回答·1805浏览
-
好好学习的好学生
- 还是搞不清楚怎么改变png图片颜色？，老师的代码也运行不起
你可以给小图标icon的外面加一个div，设置和小图标一样的宽高，如20px，并设置overflow:hidden;试一下
<!doctype html> <html> <head> <style type="text/css"> div { width: 20px; height: 20px; overflow: hidden; } img { width: 20px; height: 20px; filter: drop-shadow(20px 0 pink); position: relative; left: -20px; border-right: 20px solid transparent; } </style> </head> <body> <div> <img src="xxx.png" alt=""> </div> </body> </html>- 2017-12-13 4回答·3764浏览
-
路鸿宇
- 请问为什么原图overflow：hidden；隐藏不了。
.del-box{overflow:hidden;width:40px;height:40px;} .del-ico{position:relative;left:-40px;display:inline-block;width:80px;height:40px;border-right:40px solid transparent;filter:drop-shadow(40px 0 #ff0);}<div class="del-box"> <img class="del-ico" src="../../../img/icon/del.png" alt=""> </div>
- 2017-09-26 4回答·2518浏览
-
冷寒轩111
- 实现单选框和复选框的办法
用border，1.为了增强用户体验，在前端领域，用户体验为王
2.为了增加可视化区域，给复选框加上透明边框，可视区域变大，还不影响整体效果，不是很好嘛
3.value的值正常写就好，看你有几个单选或复选框，给它们依次给value赋值，有助于后台识别选项
这只是个人意见，有更好的意见欢迎交流
- 2017-08-29 1回答·2232浏览
-
白王业
- filter的兼容性使其比较鸡肋，在ie11上如和实现？
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);IE支持透明度属性
- 2017-06-24 1回答·4393浏览
-
慕侠1994676
- javascript 怎么写的
......这问题好难懂JavaScript
- 2017-03-23 1回答·870浏览
-
不完美
- drop-shadow哪里有完整代码？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图标添加映射的功能</title>
<style>
.icons{filter: drop-shadow(20px 0 #ff0080);
position: relative;left:-20px;
border-right: 20px solid transparent;
/*overflow: hidden;*/
width: 20px;
}
.container{width: 50px;margin: auto; overflow: hidden;}
</style>
</head>
<body>
<div class="container">
<div class="icons">
<img src="img/icons02.png"/>
</div>
</div>
</body>
</html>
- 2017-03-16 3回答·495浏览
-
慕粉gogogo
- 但复选框按钮的颜色是怎么设置的呢？
做个单复选按钮的png图片，然后用fliter：drop-shadow（20px 0 #0c98f5）
- 2017-02-01 2回答·1915浏览
-
qq_一轉眼即逝的瞬間_0
- 复选框的问题
在chrome和firefox浏览下checkbox是设置不了border的，其他浏览器我没试。
- 2017-01-18 2回答·862浏览
-
瞌睡虫away
- 这个复选框怎么没有显示出来？
你要给这个元素的样式添加height：16px;width:16px;
- 2016-12-29 4回答·1468浏览
