IE8的边界半径

Bur*_*ler 35 javascript css jquery css3 internet-explorer-8

我在IE8上有一个边界半径的问题,到现在为止我使用了pie.js,但我不推荐这个js库,因为它是错误的.如果你有一个没有多少html页面的小网站,那么使用该库是可以的,但如果你有一个繁重的应用程序,其中使用了许多不同的框架,那么就不可能使用它.CurvyCorners或其他大型库的相同行为.

因此,如果任何人都可以帮助我使用一个小的jQuery或javascript插件来做IE 8上的border-radius,我将感激生命.

Abu*_*yah 40

试试这个:

要求:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.corner.js"></script>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

$('.box').corner();
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="box">Hello</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

box{
  width:150px;
  height:28px;
  padding:10px;
}
Run Code Online (Sandbox Code Playgroud)

更多例子:http: //jquery.malsup.com/corner/

  • 然而,这个特殊的库在IE8中的每个表单输入周围添加了大量的div容器(我只计算了22个输入... wtf?).这必须对具有大量输入的大页面产生负面的性能影响,如问题中所述. (9认同)

Tom*_*ill 18

如果没有使用你在问题中描述的库,我认为你不能在IE8中做弯角.

如果你真的想要它们,你可能会使用图像来提供弯曲的角落效果,代价是增加带宽和杂乱的代码.

  • @burebistaruler你知道,JQuery也没有很多元素.JQuery仅限于浏览器及其功能,而页面加载由服务器完成,而渲染由浏览器完成.考虑让一个图像文件具有所有弯曲的角落并进行"背景位置".客户端只需要下载一次图像,然后将其缓存在内存中.这不需要几分钟,因为你有一个文件. (3认同)
  • 你没有解决它 - 当乘以150个元素时,每个提到的解决方案都会非常缓慢.所以它既可以是图像也可以不是. (2认同)

j08*_*691 6

根据微软的说法:

其他圆角解决方案

我们想指出网上提供的大量替代解决方案.除了个别圆角的解决方案,也有与圆角的解决方案是与Internet Explorer和其他浏览器的兼容多个版本经常更新列表的网站.

这里列出了一些我们最喜欢的聚合圆角解决方案的网站.它们没有特别的顺序,并且包含任何链接并不意味着Microsoft认可该网站.

  • CSS-Discuss Wiki,RoundedCorners:http://css-discuss.incutio.com/?page = RoundedCorners

  • SmileyCat,CSS Rounded Corners"综述":http://www.smileycat.com/miaow/archives/000044.php

  • CSS汁,与CSS 25项圆角技术: http://www.cssjuice.com/25-rounded-corners-技术与- CSS /


sam*_*mer 5

看看这篇文章:http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

它涵盖了IE7/8中特别圆角和框阴影.

以及如此多的例子

http://blue-anvil.com/jquerycurvycorners/test.html