如何从不透明度变化中排除边框

Question

我有这个 CSS：

#name { 
    border: 1px solid #fff;
    color: #a5a5a5;
    opacity: 0.3;
    font-size: 11px;
    font-family: "times new roman";
}

但是边框的不透明度也设置为 0.3 但我不希望边框具有不透明度如何排除此元素？

Answer 1

你不能。opacity设置整个元素的不透明度。根据元素的实际内容，您有两种选择：

1. 将整个内容包裹在 a 中，<div>然后对其应用边框。
2. 如果只有文本和/或背景，请使用rgba指定文本颜色和/或背景颜色/渐变而不是opacity.