我使用CSS生成器创建了渐变背景.这适用于所有主流浏览器和Android.但是在iOS中我得到了这个.
我需要添加到此渐变中才能使其在iOS上运行?
编辑:因为这个问题没有得到足够的重视,我想问一个不同的问题:我需要什么css标签来为safari/ios创建一个线性渐变,当时,就像在这种情况下,-webkit-linear -gradient不工作?还有其他css渐变标签,专门用于safari吗?
这是我背景的代码:
.gradient {
/* Legacy browsers */
background: #FF7701 url("gradient-bg.png") repeat-x top;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
/* Internet Explorer */
*background: #FF7701;
background: #FF7701\0/;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient-bg.png", sizingMethod="scale");
}
@media all and (min-width: 0px) {
.gradient {
/* Opera */
background: #FF7701 url("gradient-bg.svg");
/* Recent browsers */
background-image: -webkit-gradient(
linear,
left top, left bottom,
from(#FFAD26),
to(#FF7701),
color-stop(0.5, #FEA026),
color-stop(0.5, #FFFFFF),
color-stop(0.5, #FFFFFF),
color-stop(0.5, #FFFFFF), …Run Code Online (Sandbox Code Playgroud)