如何在支持Java腳本的DIV的html中創建圓形漸變漸變？

-4

我已經使用過濾器，以獲得全面的邊界，但它在IE7中，8不支持的梯度和邊界半徑，9如何在支持Java腳本的DIV的html中創建圓形漸變漸變？

<style type="text/css"> 
div{ 
    width: 420px; 
    height: 220px; 
    border-radius: 12px; 
    border: 11px solid #35b70e; 
    background: -moz-linear-gradient(top, #fff, #ddd); 
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); 
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffdddddd); 
} 
</style>

來源

2012-01-14 Srikanth Naidu

而你的問題是？ – KMan 2012-01-14 11:26:42

我如何使它在IE7，ie8和IE9中工作？ – 2012-01-14 11:28:28

有關'filter'（漸變）的正確用法，請參閱http://stackoverflow.com/a/7546655/938089。你能更清楚地描述你的問題嗎？什麼是「不工作」？ – 2012-01-14 11:32:24

您必須使用一些polyfills在IE 7和IE 8得到這個工作因爲它不支持CSS3。看看http://jquery.malsup.com/corner/這是一個jQuery插件來創建圓角。

在IE9中border-radius：應該可以工作。

來源

2012-01-14 11:30:43 KMan

主要問題是漸變背景，圓形邊框會支持，但不能使用漸變濾鏡？ – 2012-01-14 11:36:18

爲div工作的圓形邊框，但背景漸變不是圓角的，它帶有濾鏡 – 2012-01-14 11:46:28

如何在支持Java腳本的DIV的html中創建圓形漸變漸變？

回答

相關問題