Html 带边框半径但无边框的DIV
我有一个边界宽度为0px的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在不声明实际边界的情况下渲染圆角吗?您是否尝试过使用
边界半径: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进行试验,但您是否尝试过溢出:隐藏代码>?