JQuery - 只有一个角落?

时间:2011-09-11 00:26:25

标签: javascript jquery css html

我想在JQuery的一个角落。我该怎么做?我试过了:

   $(".under").corner("bottom-right 10px");

但这不起作用。 (对不起,如果我问的是noob问题,我今天刚刚实现了JQuery)。

3 个答案:

答案 0 :(得分:2)

对于基于CSS的IE兼容解决方案,请查看:

http://css3pie.com/

对于基于JQuery的解决方案,请查看:

http://code.google.com/p/jquerycurvycorners/

http://www.curvycorners.net/

答案 1 :(得分:2)

尝试使用http://jsfiddle.net/2mnHM/之类的内容。您需要稍微调整它,因为它不是跨浏览器。根据我的理解,您可以使用Chrome,Opera,Firefox,Safari和IE9中的不同属性获得相同的效果;但IE8及其下是完全不同的蠕虫病毒。

您最需要使用IE的背景图片。或者使用位于左下角的div,其中包含<img>标记。您应该能够使用jQuery来检测它是否是IE($.browser.IE$.browser.version的组合)。

答案 2 :(得分:1)

使用jquery.corner.js(http://jquery.malsup.com/corner/),你可以这样做:

jQuery('#flow').corner("TL 8px");     // top left
jQuery('#flow').corner("TR 15px");    // top right
jQuery('#flow').corner("BL 20px");    // bottom left
jQuery('#flow').corner("BR 2px");     // bottom right
jQuery('#flow').corner("top 30px");   // top left right
jQuery('#flow').corner("right 2px");  // top bottom right
jQuery('#flow').corner("bottom 2px"); // bottom left right
jQuery('#flow').corner("left 2px");   // top bottom left