Html 如何从不透明度更改中排除边框

我有这个CSS：

#name{
边框：1px实心#fff；
颜色：#A5；
不透明度：0.3；
字体大小：11px；
字体系列：“新罗马时代”；
}

---

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

您不能<代码>不透明度设置整个元素的不透明度。根据元素的实际内容，您有两个选项：

将整个内容包装在

中，并对其应用边框

如果只有文本和/或背景，请使用

rgba

指定文本颜色和/或背景颜色/渐变，而不是

opacity

---

可以添加带边框的容器和不透明度的内容：

<div id="container" style="border:1px solid #fff">
  <div id="name">
   --------
   </div>
</div>

--------

您可以创建一个容器

#名称{
边框：1px实心#fff；
颜色：#A5；
字体大小：11px；
字体系列：时代新罗马；
}
.op3{
不透明度：0.3；
}

---

将HTML结构更改为：

<div id="name">
    <div>
       Stuff
    </div>
<div>

---

试试这个

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

#name:after {
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 1);
    content: '';
    display: block;
} 

---

你不能。您可能需要删除此元素上的边框，将此元素包装到另一个元素中，并在包装器上设置完全不透明度边框。除非您有非常特殊的原因，否则不鼓励使用内联样式指令。@fastreload这只是为了举个例子。每个人都以他们认为合适的方式编写“生产代码”：）我理解，但考虑到OP对stackoverflow来说是新的，对CSS来说可能是新的；保持编码惯例通常更有帮助。使用RGBA是有效的，除非你希望块中的所有内容都应用不透明度（即图像）。为此，您需要使用container方法。rgba是否与IE浏览器兼容？@Lukus:IE9及以上版本，是的。对于IE8和更早版本，不需要。您需要一个回退或图像。@具有回退功能的minitech我可以有不透明度吗？如果不是的话，我怎样才能使png图像成为后备方案？@Lukus:你可以使用通常的

过滤器：alpha（不透明度=something）并且只需使用半透明的边框，或者如果在每个浏览器上使其看起来完全相同非常重要，则可以使用包装器。