CSS - 如何将不透明边框放入输入？

Question

我想为输入创建一个带不透明度（透明边框）的边框，但我想在IE7 +中也可以使用

感谢

Answer 1

为了在边界上具有不透明度，您需要使用RGBA颜色方案，否则整个元素将采用不透明度设置。

border-color:rgba(255,0,0,.1)

IE7不支持RGBA配色方案，IE8也不支持。您必须为这些浏览器设置边框，或尝试使用CSS3PIE生成填充。

请参阅：http://caniuse.com/#feat=css-opacity

Answer 2

另一种方法，转到CSS3 border image：

border-image: url(border.png) 27 27 27 27 round round;

在这种情况下，使用具有不透明度的'png 24-bit'是您的解决方案。