IE、缩小、边框颜色和 RGBA 值

【问题标题】：IE, minification, border-color and RGBA valuesIE、缩小、边框颜色和 RGBA 值
【发布时间】：2014-05-27 22:45:59
【问题描述】：

所以我尝试使用 RGBA 值设置 :before 元素的边框颜色。这适用于我所有想要的浏览器，包括 IE。但是，如果我缩小 CSS，IE 会呈现没有颜色的边框。

代码：

border-color: rgba(69,130,128,0.9) rgba(69,130,128,0.9) rgba(69,130,128,0.9) transparent;

缩小时：

border-color:rgba(69,130,128,0.9)rgba(69,130,128,0.9)rgba(69,130,128,0.9)transparent;

解决此问题的方法是独立设置每个边框（边框顶部颜色、边框底部颜色等...）。但是，我想确保在缩小时无法使 css 正常工作，因为我更喜欢编写单个语句而不是为每个位置编写一个语句。

这是一个 JS 小提琴，其中向下状态不起作用（被缩小）并且悬停状态是。 http://jsfiddle.net/6uDn7/2/

【问题讨论】：

【解决方案1】：

如果您想通过瘦身来减轻体重，请考虑以下几点：

标准可读 css = 89 个字符

border-color: rgba(69,130,128,0.9) rgba(69,130,128,0.9) rgba(69,130,128,0.9) transparent;

不工作的缩小 css = 85 个字符

border-color:rgba(69,130,128,0.9)rgba(69,130,128,0.9)rgba(69,130,128,0.9)transparent;

Working readable css using border-color and border-left-color = 65 characters
```
border-color:rgba(69,130,128,0.9); border-left-color:transparent;
```

只是想指出缩小（删除空白）并不总是减轻重量的最佳方法，您牺牲了可读性并且通常只运行几个字节，而您通常可以节省更多字节甚至使您的代码通过使用速记属性和消除冗余，更具可读性。

【讨论】：