css - CSS - 如何为输入添加不透明边框？

Question

我想为输入制作一个不透明的边框（透明边框），但我希望它也适用于 IE7+

谢谢

Answer 1

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

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

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

见：http ://caniuse.com/#feat=css-opacity

Answer 2

另一种方式，使用CSS3 边框图像：

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

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