Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.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
Javascript JQuery-只绕一个角?_Javascript_Jquery_Css_Html - Fatal编程技术网

Javascript 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

我想在JQuery中绕过一个拐角。我该怎么做?我试过:

   $(".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圆角。我想为每个人提供最高的可用性。