Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/kotlin/3.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
Html 带边框半径但无边框的DIV_Html_Css_Internet Explorer 9_Rounded Corners - Fatal编程技术网

Html 带边框半径但无边框的DIV

Html 带边框半径但无边框的DIV,html,css,internet-explorer-9,rounded-corners,Html,Css,Internet Explorer 9,Rounded Corners,我有一个边界宽度为0px的div和边界半径:5px(或-moz边界半径等) 在Chrome、Safari和Firefox中,这项功能非常有效,div具有圆角,因此在拐角处是透明的 但是,IE9不显示圆角(我选中了,IE实际上处于“IE9模式”,我有一个HTML5 doctype,并将X-UA-Compatible设置为IE=edge)。只有当我加上 border-style: solid; border-width: 1px; 我可以让IE9在不声明实际边界的情况下渲染圆角吗?您是否尝试过使用

我有一个边界宽度为0px的div
边界半径:5px(或
-moz边界半径
等)

在Chrome、Safari和Firefox中,这项功能非常有效,div具有圆角,因此在拐角处是透明的

但是,IE9不显示圆角(我选中了,IE实际上处于“IE9模式”,我有一个HTML5 doctype,并将
X-UA-Compatible
设置为
IE=edge
)。只有当我加上

border-style: solid;
border-width: 1px;

我可以让IE9在不声明实际边界的情况下渲染圆角吗?

您是否尝试过使用
边框左上半径
边框右上半径
等?我以前在div的圆角上使用过类似的东西,它在IE9/Chrome/FF中工作,而不是IE8。

问题是div中填充了渐变。由于IE9不支持CSS渐变,我不得不使用

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#79D5FF', endColorstr='#08609A');

这不适用于圆角,也就是说,
边界半径
不会切掉渐变的角。

我没有IE进行试验,但您是否尝试过
溢出:隐藏