html - CSS 背景快捷方式

标签 html css background background-color

是否可以使用 background background-color 简写的原始值对 CSS 的 background 进行编程?即,body { background: white rgb(0, 255, 127) }

我能够使用一个聪明的 hack,它使用 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 属性感到好奇,即 body 的组合>htmlbody。谢谢。

最佳答案

http://proger.i-forge.net/Компьютер/[20121112]%20The%20smallest%20transparent%20pixel.html 找到了可行的答案

The winner is 1-color GIF – 35 bytes. Data URI for white 1×1 image:

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

关于html - CSS 背景快捷方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39353128/

相关文章:

具有透明元素的Android View 背景颜色

android - 基于主题的LinearLayout背景

PHP DomDocument HTML 操作

html - 向左浮动两个元素?

android - 是否在后台重复处理?

javascript - 如何用jquery改变所有 child 的类(class)?

javascript - 创建 'modal box'时无法设置时间

Javascript 和 HTML5 Geolocation - 如何存储位置?

html - 用于聊天消息的 css 波形动画

javascript - 在新部分中使用 CSS 维护事件按钮的解决方案