关于背景颜色与背景图片
2016-02-17 20:22
274 查看
背景颜色与图片能否共存
怎么写代码才能实现共存
首先肯定,可以共存。
我的最初做截图部分时写成如下:
background:#FFF; background:url(x.png) no-repeat 10px 10px,url(xx.png) no-repeat 20px 30px;
浏览器会用后面解析到的样式覆盖前面的,所以浏览器只会显示两个背景图片,没有背景颜色。
所以正确的写法是:
1.各是各的,后缀都写上,代码比较多
background-image:url(x.png),url(xx.png); background-repeat: no-repeat; background-position:20px 10px,10px 30px; background-color:#FFF;
2.先写图片再写颜色,逗号隔开,代码简单
background:url(x.png) no-repeat 10px 10px,url(xx.png) no-repeat 20px 30px,#FFF;
颜色必须要写到最后,若不是最后,颜色和图片都没有;可以用逗号与前面隔开,也可以不用,也就是说如下代码也是对的:
background:url(x.png) no-repeat 10px 10px,url(xx.png) no-repeat 20px 30px #FFF;
相关文章推荐
- BM25算法详解
- instal BLAS and lapacke on ubuntu
- hdoj4985Little Pony and Permutation
- 颜值才是王道:IKBC - C87 黑色红轴机械键盘
- HDOJ 3949 XOR (高斯消元 + XOR线性基)
- SpringMVC Controller 返回值的可选类型
- Map遍历方法及Map遍历时陷阱
- oracle优化001
- windows多线程同步机制---事件
- 年终奖就这么花掉噜:Apple 苹果 ipad mini 4平板电脑 晒单
- linux umask使用详解
- 阻塞socket和非阻塞socket(一)
- Linux系统用户网络磁盘命令
- HDU5621——数学应用(多边形内对角线交点个数) + 数论 + unsigned long long的应用
- 【iOS】UIPickerView -- 地址选择器:省/市/区
- 7.内存管理
- golang笔记——命令
- CentOS下编译php时的一些典型错误及解决办法
- 学无止境--新浪算法组的博文,都很好
- fragment