Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/bash/16.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何在支持java脚本的情况下,在html中为DIV创建圆形边框渐变?_Css - Fatal编程技术网

Css 如何在支持java脚本的情况下,在html中为DIV创建圆形边框渐变?

Css 如何在支持java脚本的情况下,在html中为DIV创建圆形边框渐变?,css,Css,我已经使用过滤器来获得圆形边界的梯度和边界半径,但它在IE7、8、9中不受支持 <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-gr

我已经使用过滤器来获得圆形边界的梯度和边界半径,但它在IE7、8、9中不受支持

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

您必须使用一些polyfill才能在IE7和IE8中工作,因为它不支持CSS3。看看哪个jQuery插件可以创建圆角


在IE9中,边界半径:应该起作用。

如何使其在IE7、ie8和IE9中起作用?有关过滤器渐变的正确用法,请参阅。你能更清楚地描述一下你的问题吗?什么确切地说不起作用?div的圆形边框起作用,但背景渐变不是圆角,这是过滤器带来的主要问题是渐变背景,圆形边框将支持但不支持渐变过滤器?div的圆形边框起作用,但背景渐变不是圆角,这是过滤器带来的