CSS背景快捷方式

时间:2016-09-06 15:51:40

标签: html css background background-color

是否可以使用background background速记的原始值为CSS background-color编程?即,body { background: white rgb(0, 255, 127) }

我能够使用一个聪明的黑客,它使用1x1白色像素background.png,即body { background: url("background.png") rgb(0, 255, 127) }

而且我认为我可以放一个原始的data:image/png;base64,但是当我在线上传相同的1x1白色像素时,它会生成500字符的代码,对于1x1白色像素来说似乎很疯狂。

是否有另一种方法可以仅使用background来实现相同的效果?效果是白色前景和绿色背景。演示现场(zaydek.github.io)。要查看效果,请在网页上向上和向下拖动。

我知道我可以使用divs等进行此操作,但我对一个元素上的CSS属性感到好奇,即bodyhtml和{{的组合1}}。感谢。

1 个答案:

答案 0 :(得分:0)

http://proger.i-forge.net/Компьютер/[20121112]%20The%20smallest%20transparent%20pixel.html

找到了可行的anwser
  

获胜者是1色GIF - 35个字节。白色1×1图像的数据URI:

     

data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=