2013-07-02 52 views
1

我試了下面的代碼給我的移動網頁上的按鈕漸變屬性(通過webkit)。 漸變在Iphone & Android中運行良好,但它在Blackberry 6.0本機瀏覽器中不起作用。webkit屬性不工作在黑莓6

<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> 

回答

1

檢查這個page,在黑莓CSS漸變只能從版本7.如果你想模仿相同的行爲,你需要有一個形象與梯度,在這種情況下應用它(你可以使用Modernizr來檢測CSS漸變)。

+1

感謝您的幫助喬納森:) – jmj