javascript - webkit 属性在黑莓 6 中不起作用

标签 javascript css html blackberry

我尝试使用以下代码为我的移动网页中的按钮提供渐变属性(通过 webkit)。 渐变在 Iphone 和 Android 中工作正常,但在 Blackberry 6.0 原生浏览器中不工作。

<style>
.btnclass
{
height:70px;
width:300px;
background-image: -webkit-linear-gradient(bottom, #B56D73 20%, #CFDC8E 60%, #F9FFAB 80%);
background-image:linear-gradient(bottom, #B56D73 20%, #CFDC8E 60%, #F9FFAB 80%);
}
</style>

<body>
<form><input type="button" class="btnclass"></form>
</body>

最佳答案

检查这个page , Blackberry 中的 CSS 渐变仅从版本 7 开始提供。如果你想模仿相同的行为,你需要有一个带有渐变的图像并在这种情况下应用它(你可以使用 Modernizr 来检测 CSS 渐变)。

关于javascript - webkit 属性在黑莓 6 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17424494/

相关文章:

javascript - 如何在打字时实时应用验证 [Typescript]

jquery - Bootstrap 下拉按钮在点击时变成半黑?

html - 如何创建一个旁边有表格的英雄形象并制作全 Angular ?

javascript - 如何无限期缓存 HTTP 响应

javascript - 检查数组 A 的数组 B 排列

php - 如何使用 Jquery/PHP 实现聊天室?

html - z-index 不在父项后面显示子项

css - 在嵌套 div 中选择第一个 child

html - 移动布局不呈现宽度 : 100%

javascript - 是否可以使用相同的变量使 ng-if 表现得像 ng-show/ng-hide ?