IOS背景半透明渐变问题

问题描述：

给一个层设置半透明的背景，使用 background:linear-gradient(to bottom, transparent, #ffffff)，其中使用transparent的时候
在安卓上显示正常（白色半透明，但ios上显示透明渐变会出现灰色，所以不能直接写成transparent。

解决方案：

// 正确写法
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%) 或
background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1))

IOS背景半透明渐变问题相关推荐

html背景位置渐变,css 背景和渐变
css 背景和渐变 background 背景所有背景属性都不能继承在CSS2.1里,background属性的简写方式包含五种属性值 – background-color, background ...
android设置背景颜色渐变,Android背景渐变色(shape,gradient)
Android设置背景色可以通过在res/drawable里定义一个xml,如下: android:startColor="#FFF" android:endColor=" ...
Fedora15上实现桌面背景图片渐变
2019独角兽企业重金招聘Python工程师标准>>> 桌面背景图片渐变,在Ubuntu中很容易实现.Ubuntu默认就自带了几款渐变壁纸.但换到Fedora后,貌似没发现有自带的渐 ...
CSS3背景线性渐变
5.背景线性渐变:background-gradient (1)linear:线性渐变, 谷歌浏览器:(webkit) background:-webkit-gradient(linear ,0 0, ...
android popupwindow 自定义背景,Android PopupWindow背景半透明兼容方案
大家想必对PopupWindow不会很陌生吧,我们在开发中经常会遇到要求使其背景半透明的需求,但网上的很多解决方案只能是在大部分机型上满足要求,像华为这样的机型就会发现我们原来设置的背景变暗效果的代码 ...
php如何在添加div的背景颜色_css3颜色渐变：css3如何实现背景颜色渐变？
为了开发网页的美观,css3背景颜色渐变是经常会用到的,那么,css3背景颜色渐变如何设置呢?本篇文章我们就来介绍关于css颜色渐变背景的设置方法. 我们要知道的是css3渐变有两种类型:css3线性 ...
DIV背景半透明，DIV中的字不半透明
filter的层一定要有width属性,否则filter无效. <div style="filter:alpha(opacity=50);background:#ffffff;widt ...
Css3之基础-5 Css 背景、渐变属性
一.CSS 背景概述背景属性的作用 - 背景样式可以控制 HTML 元素的背景颜色.背景图像等 - 背景色 - 设置单一的颜色作为背景 - 背景图像 - 以图片作为背景 - 可以设置图像的位置.平铺 ...
html透明页面锁定窗口,CSS弹出背景半透明窗口
弹出窗口,背景半透明 body{margin:0px;} #bg{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: A ...

IOS背景半透明渐变问题

IOS背景半透明渐变问题

IOS背景半透明渐变问题相关推荐

最新文章

热门文章