css - 缩小破坏了 IE 中的 RGBA 值

Question

所以我尝试使用 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;

解决此问题的方法是独立设置每个边框(border-top-color、border-bottom-color 等...)。但是，我想确保没有办法在缩小后使 css 正常工作，因为我更喜欢编写单个语句而不是为每个位置编写一个语句。

这是一个 JS fiddle ，其中向下状态不起作用(缩小)而悬停状态有效。 http://jsfiddle.net/6uDn7/2/

Answer 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;
  

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