开发者

Rounded corners not working in IE (.rounded-corners)

I am trying to get rounded corners in IE pn the following website using the border-radius.htc ( http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser ) method but it doesn't seem to be working.

When you hover over the menu the level 2 sub menu should have round corners but doesn't (IE8).

Search the HTML source for .rounded-corners to see where it is applied and should be showi开发者_JS百科ng but isn't.

Can anyone please help?

http://berrisford.gumpshen.com

.ie6 .rounded-corners, .ie7 .rounded-corners, .ie8 .rounded-corners, .ie9 .rounded-corners {
  behavior: url(border-radius.htc);
}


Can't you just use:

.ie6 .rounded-corners, .ie7 .rounded-corners, .ie8 .rounded-corners, .ie9 .rounded-corners {
  behavior: url(border-radius.htc);
  border-radius: 4px; /* example */
}

It also assures that it tries also the CSS way of rounding the corner.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜