CSS3制作半透明边框记得以前Facebook有段时间使用了非常多的半透明边框（Facebox），虽然现在不支持了，但是还是值得研究一下。  你有可能觉得这样写就行了： 折叠展开CSS Code复制内容到剪贴板  复制代码代码如下:#lightbox { background: white; border: 20px solid rgba(0,0,0,0.3); }  然而白色背景会一直扩散到边框上，变成如下的样子： 还好我们有CSS3的background-clip属性 CSS Code复制

1.针对IE浏览器 复制代码代码如下: .demo{ 　background-color:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF) } 2.针对FF，谷歌等浏览器 复制代码代码如下: .demo{ 　background:transparent; 　color:#fff; 　background-color:rg

本文为大家分享了CSS边框特效实现技巧，供大家参考，具体内容如下 一、半透明的边框实现 加入我们有这样一个需求：在一个背景图片的区域中，定义一个带有半透明白色边框的白色div。这个的实现方法最先想到的就是可以为边框定义透明度，代码如下： CSS Code复制内容到剪贴板 div{    background:white;    border:20px solidhsla(0,0%,100%,.5);    }   这里hsla为一种定义颜色的方法，它的各个参数含义