IE8 的边框半径

IT技术 javascript jquery internet-explorer-8 css
2021-01-24 00:38:37

我在 IE8 上的边框半径有问题，直到现在我使用 pie.js 但我不推荐这个 js 库，因为它有问题。如果您有一个没有很多 html 页面的小型站点，那么使用该库就足够了，但是如果您有一个使用了许多不同框架的繁重应用程序，则不可能使用它。CurvyCorners 或其他大型库的行为相同。

因此，如果有人可以帮助我使用小型 jQuery 或 javascript 插件在 IE 8 上做边框半径，我将感激不尽。

6个回答

试试这个：

要求：

<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>

Javascript：

$('.box').corner();

HTML：

<div class="box">Hello</div>

CSS：

box{
  width:150px;
  height:28px;
  padding:10px;
}

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

这个库很好用。谢谢你解决了我的圆角噩梦
2021-03-30 00:38:37
然而，这个特殊的库在 IE8 中的每个表单输入周围添加了大量的 div 容器（我只计算了每个输入 22 个......wtf？）。如问题中所述，这必须对具有大量输入的大页面产生负面性能影响。
2021-04-06 00:38:37

如果不使用您在问题中描述的库，我认为您不能在 IE8 中做弯角。

如果您真的想要它们，您可能可以使用图像来提供弯角效果，但代价是增加了带宽和混乱的代码。

尝试在具有超过 150 个输入、选择、textaarea 和其他要为其添加边框半径的边框的表单上执行此操作。结果是：页面将在几分钟内打开。因此，我需要一些简单的东西，比如 jQuery、js 函数。
2021-03-27 00:38:37
你知道，@burebistaruler JQuery 也不能处理大量元素。JQuery 仅限于浏览器及其功能，而页面加载由服务器完成，渲染由浏览器完成。考虑拥有一个包含所有弯角的图像文件并执行background-positioning。客户端只需下载一次图像，然后将其缓存在内存中。这不会需要几分钟，因为您只有一个文件。
2021-03-27 00:38:37
这是真的。根据我的经验，您将被困在有棱角的角落，或者使用您已经说过不可能的库。
2021-03-31 00:38:37
是的，我们如何在美妙的 IE8 上解决这个问题？我喜欢认为在这个世界上有人解决了这个问题。
2021-04-06 00:38:37
你没有修复它 - 当乘以 150 个元素时，每个提到的解决方案都会非常缓慢。所以它要么是图像，要么什么都没有。
2021-04-14 00:38:37

根据微软的说法：

其他圆角解决方案

我们想指出 Web 上可用的大量替代解决方案。除了单独的圆角解决方案之外，还有一些站点具有经常更新的圆角解决方案列表，这些列表与多个版本的 Internet Explorer 和其他浏览器兼容。

这里列出了一些我们最喜欢的聚合圆角解决方案站点。它们不按特定顺序呈现，包含任何链接并不意味着 Microsoft 对该站点的认可。

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

  • SmileyCat，CSS 圆角“综述”：http ://www.smileycat.com/miaow/archives/000044.php

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

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

它专门涵盖了 IE7/8 中的圆角和框阴影。

下面还有很多例子

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

我过去使用过border-radius.htc。

唯一的痛苦是 CSS Urls 是相对于 CSS 文件的。HTC 是相对于页面的。

你可以在这里下载演示。

我无法在我的项目中使用 .htc 文件。
2021-03-30 00:38:37
其它你可能感兴趣的问题
上一篇使用 URL 中没有 # 的锚点滚动 下一篇使用 JavaScript 动态添加/删除表格行