当前位置：文江博客话题详情

在 Internet Explorer 中使用分层文本呈现真正的绳索文本

发布于 2024-09-11 21:00:17 字数 629 浏览 4 评论 0原文

我正在为 3D 文本编写一个 jQuery 插件，并为 Firefox、Chrome 和 Safari（以及其他类似的浏览器）编写一个 jQuery 插件，我使用 CSS3 文本阴影属性来渲染 3D 文本。

作为 Internet Explorer 的故障转移，我正在编写文本层以获得相同的效果。

我遇到的问题是，当我将文本放在 Internet Explorer 中的其他文本之上时，它会以相当令人讨厌的像素化形式呈现 - 并且在打开 ClearType 的情况下也不会更好。

有谁知道这个问题有什么解决办法吗？

我有一个演示此问题的示例，目前您必须单击文本才能打开“Internet Explorer 模式”（实际上在其他浏览器中渲染得很好！）

http://www.stevefenton.co.uk/cmsfiles/assets/File/thirdee.html

点击“Internet Explorer Internet Explorer 中的“模式”以查看令人讨厌的锯齿状文本 - 在另一个浏览器中执行相同操作，没有问题。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

‘画卷フ 2024-09-18 21:00:17

这是为有同样问题的人提供的解决方案。

插件上的选项之一是“不透明度”——我使用 jQuery.css() 将其添加到元素中。从 Internet Explorer 代码路径中删除不透明度已完全解决了该问题。我现在可能可以在没有不透明度的情况下生活......

这是您可以用来复制问题的示例代码。

<h1>Click Me To See Jagged Rendering</h1>
<script type="text/javascript">
    $("h1").click( function () {
        $(this).css({ opacity: 0.5 });
    });
</script>

Here is the solution for anyone who has the same problem.

One of the options on the plugin was for "opacity" - which I was adding to the element using jQuery.css(). Removing the opacity from the Internet Explorer code path has resolved the problem entirely. I can probably live without the opacity for now...

Here is sample code you can use to replicate the problem.

<h1>Click Me To See Jagged Rendering</h1>
<script type="text/javascript">
    $("h1").click( function () {
        $(this).css({ opacity: 0.5 });
    });
</script>

回复收藏 0 原文

~没有更多了~