相关疑难解决方法(0)

CSS渐变不适用于iOS

我使用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)

css safari mobile-safari ios

16
推荐指数
2
解决办法
3万
查看次数

标签 统计

css ×1

ios ×1

mobile-safari ×1

safari ×1