Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.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插件,用于在没有图像的HTML元素上呈现圆角? 对于在没有图像的HTML元素上呈现圆角,最一致、跨浏览器兼容的jQuery插件是什么?_Javascript_Jquery_Html_Css_Rounded Corners - Fatal编程技术网

Javascript 什么是最跨浏览器一致的jQuery插件,用于在没有图像的HTML元素上呈现圆角? 对于在没有图像的HTML元素上呈现圆角,最一致、跨浏览器兼容的jQuery插件是什么?

Javascript 什么是最跨浏览器一致的jQuery插件,用于在没有图像的HTML元素上呈现圆角? 对于在没有图像的HTML元素上呈现圆角,最一致、跨浏览器兼容的jQuery插件是什么?,javascript,jquery,html,css,rounded-corners,Javascript,Jquery,Html,Css,Rounded Corners,到目前为止,我使用的所有东西在不同的浏览器中都不一致、不可靠,并且/或者添加了干扰层叠CSS的不必要元素。等等,什么 除IE6/7/8外的“每个浏览器”都支持: 对于上述麻烦浏览器,您可以使用: PIE目前完全或部分支持: •边界半径 •盒影 •边框图像 •多个背景图像 •线性梯度作为背景图像 +CSS3派上也有1个。然而,与前面的评论相反,它实际上通过速记值上的多个值支持每个角的不同半径。请看这里: 例如:边界半径:10px 10px 0将使顶部拐角变圆,但使底部拐角保持方形。您还可以为每个角

到目前为止,我使用的所有东西在不同的浏览器中都不一致、不可靠,并且/或者添加了干扰层叠CSS的不必要元素。

等等,什么

除IE6/7/8外的“每个浏览器”都支持:

对于上述麻烦浏览器,您可以使用:

PIE目前完全或部分支持:

•边界半径
•盒影
•边框图像
•多个背景图像
•线性梯度作为背景图像


+CSS3派上也有1个。然而,与前面的评论相反,它实际上通过速记值上的多个值支持每个角的不同半径。请看这里:

例如:
边界半径:10px 10px 0将使顶部拐角变圆,但使底部拐角保持方形。您还可以为每个角点的x和y提供不同的半径,例如:
边界半径:5px 5px 0 0/10px 10px 0 0


由于所有其他主流浏览器的当前版本都支持这种精确的速记方式,因此只要使用速记方式,就可以很容易地将它们与PIE结合起来,使它们看起来都很相似。

+1提及同样适用于已弃用浏览器的解决方案(IE6-8)@Tadeck:IE8是否已弃用?是谁干的?@alex:把它当作是对Internet Explorer的一种看法,这种浏览器仍然可以像IE5那样呈现页面-是的,真的!天哪,看看这个:“当有一个旧的DOCTYPE或者没有DOCTYPE时,IE会像IE5那样呈现它(怪癖模式)。”。看看这张图表,+1,太棒了。显然,我需要更仔细地阅读文档,因为我根本不知道这是否有效。我自己从来都不需要它,但我告诉过别人它不起作用。哎呀。。