有没有一种直接的CSS方法可以使元素的边框半透明，类似于这样？
border-opacity: 0.7;
如果不行，有没有人有办法在不使用图像的情况下实现呢？
11个回答
-2
由于这个答案是谷歌搜索结果的首选，我决定为像我一样的新手发布一个更新的（2021年）答案。
您可以使用rgba颜色设置边框不透明度。
border:2px solid rgba(232, 69, 69,.5); /* notice the .5 */
在这里查看示例fiddle - http://jsfiddle.net/joshdane/74pybasm/33/
您可以使用它并享受它。
有些讨论认为旧版浏览器不支持rgba, 但大多数人不再使用旧版浏览器。如果您只是在学习，请不要担心支持旧版浏览器。
- Joshua Dance
3
1页面顶部的被接受答案已经给出了使用
rgba() 的解决方案。回答应该专注于问题的新颖解决方案，而不是重复现有的答案。 - TylerH@TylerH 那个答案是从2010年的，让人觉得它现在不受支持。但是现在它非常受支持。那么，帮助像我这样的新手程序员认识到这一点的最佳方法是什么？ - Joshua Dance
4如果唯一的问题是它“让人觉得它没有得到很好的支持”，那么只需要……评论或编辑它，以使其清楚地表明它得到了支持。不要只是在另一个答案中重复回答。无论如何，“对于像IE8和更早版本的旧浏览器”如何表明它没有得到很好的支持，我都看不出来。 - TylerH
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
border-bottom-color-opacity属性。因此，如果您无法触及前端设置的颜色，并且只想为底部边框颜色应用不透明度，则会遇到困境... 此外，将不透明度添加到 currentColor 也不起作用。 - Avatar