Internet Explorer 使用图像的圆角颜色配置文件出现问题
我使用图像为 Internet Explorer 提供圆角,但图像的阴影与 IE 中的实际边框略有不同。 Google Chrome 或 Firefox 中的情况并非如此。
在 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 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.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
如果您使用 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
最好的选择是使用图像作为边框和角。边框的图像应与角具有相同的颜色和格式。或者,您可以放弃老式方法并使用 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.
只有 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 :)