为什么线性渐变不能在iPhone和Android explorer上显示（可以在PC explorer上显示）
我正在构建这个登录html文件，代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Test</title>
<link type="text/javascript" herf="jquery.js"/>
</head>
<body>
<div id="div1">
<input placeholder="Username:" class="inputter" id="inputter1"/>
<input placeholder="Password:" class="inputter" id="inputter2"/>
<button onclick="" id="button1">Submit</button>
</div>
</body>
<style type="text/css">
body{
-webkit-font-smoothing: antialiased;
visibility: visible;
text-decoration: none;
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
box-sizing: border-box;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgb(243, 72, 104) 20.1814%, rgb(242, 71, 104) 20.1814%, rgb(158, 0, 236) 80.1832%);
}
</style>
</html>
当我尝试在PC、iPhone和Andriod web explorer上打开它时，我发现它只能在PC explorer上正确显示，其他都没有背景渐变。请告诉我为什么和如何修理它。谢谢.
共有1个答案
从正文中删除position：absolute；。
null
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Test</title>
<link type="text/javascript" herf="jquery.js"/>
</head>
<body>
<div id="div1">
<input placeholder="Username:" class="inputter" id="inputter1"/>
<input placeholder="Password:" class="inputter" id="inputter2"/>
<button onclick="" id="button1">Submit</button>
</div>
</body>
<style type="text/css">
body{
-webkit-font-smoothing: antialiased;
visibility: visible;
text-decoration: none;
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
box-sizing: border-box;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgb(243, 72, 104) 20.1814%, rgb(242, 71, 104) 20.1814%, rgb(158, 0, 236) 80.1832%);
}
</style>
</html>-
问题内容： 在Mac上的FireFox中，该圆圈是圆形/实心的。我希望它是虚线或虚线。 使它变得更奇怪的是，相同的属性（即）在HR上可以正常工作。那么，当涉及边界半径时，为什么它不起作用？ 这对我来说很奇怪。 问题答案： 这是一个错误，WebKit也有类似的问题，但已在6月修复。 这是Firefox中所有其他突出的边界半径缺陷。
-
问题内容： 我写了一段代码来了解运行时多态性… 实例变量受到编译时的约束，但是为什么这里的对象的向下转换没有意义？表示它是调用方法而不是方法？ 问题答案： 让我们看看这里有什么： 可变的的， 引用类型 ; 一个实例创建表达式，产生一个对象类型，其中; 一个 向上转型表达式参考 ，向上转型上述表达式成型; 将3.的结果分配给变量。 阅读Java时，您必须牢记以下几点： 对象 的 类型 ：对象永远不能
-
我正在使用lowagie/iTextPDF生成Java的PDF，并且在Firefox和Chrome中显示输出有问题，但是IE8显示得很好。 Firefox和Chrome显示混乱，如下所示： %PDF-1.4%���� 20 obj 下面是servlet代码的一部分： 我已经尝试过更新Firefox，更新PDF插件，并确保它设置为使用Adobe的PDF查看器而不是Firefox的查看器。 作为测试，
-
我有一个扩展JFrame的类。它使用以下代码将180个图像加载到数组中 更新：我尝试使用一个JLabel而不是我的ImagePanel类。JLabel似乎也有同样的问题。当我使用JPEG时，它会显示，但当我使用PNG时，它什么也不显示。
-
我有这段代码： ref是在一个IonList元素中定义的，但它表示display不存在于该元素中。我怎样才能做到这一点？我见过其他类似的帖子：post和it都没用
-
谁能引导我过去吗？也许我的效用不好？