Internet Explorer 使用图像的圆角颜色配置文件出现问题

发布于 2024-10-19 06:04:40 字数 329 浏览 2 评论 0原文

我使用图像为 Internet Explorer 提供圆角,但图像的阴影与 IE 中的实际边框略有不同。 Google Chrome 或 Firefox 中的情况并非如此。

在 Firefox 和 Google Chrome 中,div 看起来像这样

在 IE 中,图像角的颜色与边框其余部分的颜色略有不同。我认为这是因为“颜色配置文件”,但我仍然不知道如何解决这个问题。

在此处输入图像描述

I am using images to provide rounded corners for internet explorer but the images are a slightly different shade than the actual border is in IE. This is not the case in Google Chrome or Firefox.

In Firefox and Google Chrome the div looks like this

In IE the image corners are a slightly different shade than the rest of the border. I think this is because of "color profiles" but I still don't know how to fix the issue.

enter image description here

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

扫码二维码加入Web技术交流群

发布评论

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

评论(3

输什么也不输骨气 2024-10-26 06:04:40

如果您使用 png 来创建角点,则需要为 IE 去除伽玛信息。 PNGOptimizer 是一个很棒的工具:http://psydk.org/PngOptimizer.php

If you are using pngs to create your corner you need to strip the gamma information out for IE. A great tool for this is PNGOptimizer: http://psydk.org/PngOptimizer.php

猫卆 2024-10-26 06:04:40

最好的选择是使用图像作为边框和角。边框的图像应与角具有相同的颜色和格式。或者,您可以放弃老式方法并使用 CSS3 边框半径属性以及 IE CSS3 hack,例如 CSS3PIE

Your best bet is to use images for the borders as well as the corners. The images for the borders should have the same color and format as your corners. Or you could drop the old-school approach and use CSS3 border radius properties along with an IE CSS3 hack such as CSS3PIE.

倾城泪 2024-10-26 06:04:40

只有 Safari 2.0+ 和 Firefox3.0+(必须使用插件,但从 3.5 开始默认支持)支持嵌入颜色配置文件。

您可以通过使用图像或边框(而不是两者的混合)来解决此问题。

我使用带有条件注释的 IE 圆形边框图像来为“真实”浏览器设置新的 css 文件和 CSS border-radius :)

Only Safari 2.0+ and Firefox3.0+ (have to use an addon, but from 3.5 it's supported as default) support embedded color profiles.

You can work around this by using either images or border, not a mixture of both.

I use a rounded border image for IE with conditional comments to setup a new css file and CSS border-radius for the "real" browsers :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文