css 缩小会破坏IE中的RGBA值

6pp0gazn  于 2023-01-27  发布在  其他
关注(0)|答案(1)|浏览(132)

所以我试着用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小提琴,其中down状态不工作(缩小),悬停状态为. http://jsfiddle.net/6uDn7/2/

xtupzzrd

xtupzzrd1#

如果你想减肥,请考虑以下几点:

  • 标准可读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;
border-color:rgba(69,130,128,0.9); border-left-color:transparent;

我想指出的是,缩小(删除白色)并不总是削减代码量的最佳方法,你牺牲了可读性,经常只运行几个字节,而你通常可以保存更多的字节,甚至可以通过使用速记属性和删除冗余来提高代码的可读性。

相关问题