我有一个蓝盒子.我想在这个蓝色框的底部放置一个从透明到蓝色渐变的渐变叠加,这样溢出的文本会在底部逐渐淡出.
这是它应该是什么样子(在大多数浏览器上看起来都像):

这是iOS Safari上的样子:

我已经创建了一个小提琴来演示这个问题:https://jsfiddle.net/cy89ocrs/11/
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #034b81));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), #034b81);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), #034b81);
background-image: linear-gradient(rgba(0, 0, 0, 0), #034b81);
Run Code Online (Sandbox Code Playgroud)
正如您所看到的那样,在Safari中淡化的颜色会更暗,即使颜色相同.因此,当没有足够的文本时,推子仍然是笨拙的可见.有没有办法解决这个问题,以便Safari像其他浏览器一样显示渐变?
我要定义的元素:
<feature_ref id="0"/>
Run Code Online (Sandbox Code Playgroud)
代码我已经放入我的XSD文件:
<xs:attribute name="id" type="xs:integer"/>
<xs:element name="feature_ref" type="xs:string">
<xs:complexType>
<xs:attribute ref="id"/>
</xs:complexType>
</xs:element>
Run Code Online (Sandbox Code Playgroud)
有没有办法在XSD中指定这个元素应该自动关闭?
我已经测试了几个用于Windows的Safari 5.1.7的安装,我似乎无法播放HTML5视频.
我一直在测试: 基本的HTML5视频测试
它似乎适用于Mac的Safari 5.1.7以及Windows上早期的5.0.x Safari安装.我错过了什么吗?