Question

<hr style="opacity:0.4" />

我遇到firefox hr opacity的问题，它可以在所有其他浏览器上使用firefox

任何人都知道如何解决这个问题？

Answer 1

它可以正常工作，但我认为你正在讨论Firefox hr的3d类型默认hr渲染，为了使整个浏览器的样式保持一致，重置border ，并再次应用border

hr {
   border: 0;
   border-top: 1px solid #f00;
   opacity: .1;
}

Demo

如果您不想使用opacity

，也可以使用rgba()

border-top: 1px solid rgba(255,0,0,.1); //Equivalent to opacity: .1; for red color

另一方面，如果需要，您还可以声明一个名为noshade="noshade"

的属性

<hr style="opacity:0.4" noshade="noshade" />

Demo

Answer 2

让我们试试这个：

opacity:0.5 /*All modern browser support*/
-webkit-opacity: 0.5; /*For webkit browser*/
-moz-opacity: 0.5; /*For Firefox Browser*/
filter:alpha(opacity=50);/*For IE8 and lower*/

Firefox hr不透明度显示不同

2 个答案: