Javascript JQuery-只绕一个角?
我想在JQuery中绕过一个拐角。我该怎么做?我试过:Javascript JQuery-只绕一个角?,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我想在JQuery中绕过一个拐角。我该怎么做?我试过: $(".under").corner("bottom-right 10px"); 但这不起作用。(如果我问noob问题,很抱歉,我今天刚刚实现了JQuery)。对于基于CSS的IE兼容解决方案,请查看: 对于基于JQuery的解决方案,请查看: 对于基于CSS的IE兼容解决方案,请查看: 对于基于JQuery的解决方案,请查看: 尝试使用类似的方法。您需要稍微调整一下,因为它不是跨浏览器的。据我所知,在Chrome、Oper
$(".under").corner("bottom-right 10px");
但这不起作用。(如果我问noob问题,很抱歉,我今天刚刚实现了JQuery)。对于基于CSS的IE兼容解决方案,请查看: 对于基于JQuery的解决方案,请查看:
对于基于CSS的IE兼容解决方案,请查看: 对于基于JQuery的解决方案,请查看: 尝试使用类似的方法。您需要稍微调整一下,因为它不是跨浏览器的。据我所知,在Chrome、Opera、Firefox、Safari和IE9中使用不同的属性可以获得相同的效果;然而,IE8及以下是一个完全不同的蠕虫罐头 你很可能需要为IE使用背景图像。或者使用位于左下角的div,其中包含
标记。您应该能够使用jQuery来检测它是否是IE(由$.browser.IE
和$.browser.version
组合而成)。您需要稍微调整一下,因为它不是跨浏览器的。据我所知,在Chrome、Opera、Firefox、Safari和IE9中使用不同的属性可以获得相同的效果;然而,IE8及以下是一个完全不同的蠕虫罐头
你很可能需要为IE使用背景图像。或者使用位于左下角的div,其中包含
标记。您应该能够只使用jQuery检测它是否是IE(由$.browser.IE
和$.browser.version
组合而成)。使用jQuery.corner.js()可以执行以下操作:
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
使用jquery.corner.js()可以执行以下操作:
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
你有没有考虑过使用CSS来解决问题?除非你特别需要IE的圆角支持,否则这可能是一个更简单更好的解决方案。是的,不幸的是,所有低于9的IE版本都不支持CSS圆角。我想为每个人提供最高的可用性。您是否考虑过使用CSS来解决您的问题?除非你特别需要IE的圆角支持,否则这可能是一个更简单更好的解决方案。是的,不幸的是,所有低于9的IE版本都不支持CSS圆角。我想为每个人提供最高的可用性。