会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Emily_w的博客
导航
博客园
首页
新随笔
联系
订阅
管理
公告
说说background那些坑爹的事儿~
啥都不说先上个代码~
.content {
background: url(../images/bg.png) no-repeat bottom center,-webkit-linear-gradient(#639fff,#4b7aff),linear-gradient(#639fff,#4b7aff);
border-radius:
.2rem;
background-size:
8rem auto;
}
看第一个红色部分的属性,我原本想要的是一个渐变的背景色加一个背景图片,结果遍历设备的时候发现安卓4.0的破机子不支持~!!
结果我又默默回去改了,改成下下面那样:
.content {
background: -webkit-linear-gradient(#639fff,#4b7aff),linear-gradient(#639fff,#4b7aff);
border-radius:
.2rem;
background-size:
8rem auto;
background-image:
url(../images/bg.png);
}
后来默默的被告知原来渐变也是类似于背景图,所以被覆盖了,两个属性只留下了一个
最后附上最后的写法:
.content {
background-color:
#639fff;
border-radius:
.2rem;
background-size:
8rem auto;
background-image:
url(
../images/bg.png);
background-repeat:
no-repeat;
background-position:
bottom center;
}
把渐变的颜色也给改成了单色。。不然你要是想保留渐变色的话也可以把图片直接写成<img src="../images/bg.png">
posted on
2017-08-31 14:38
Emily_w
阅读(
133
) 评论(
0
)
收藏
举报
刷新页面
返回顶部