CSS 精灵和 IE6

发布于 2024-07-30 01:02:50 字数 22 浏览 4 评论 0原文

IE6 支持 CSS 精灵吗?

Does IE6 support css-sprites?

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

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

发布评论

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

评论(9

飘落散花 2024-08-06 01:02:50

是的。 如果您使用 PNG,则应该考虑一些事项。 以下是 IE 6 PNG 问题的总结:

http://24ways.org /2007/supersleight-transparent-png-in-ie6

Yes. If you're using PNGs though you should consider a few things. Here is a decent summary of IE 6 PNG issues:

http://24ways.org/2007/supersleight-transparent-png-in-ie6

数理化全能战士 2024-08-06 01:02:50

是的。

CSS sprites 只是一种在背景图像上使用偏移量以在不同元素中显示同一图像的不同部分的技术。

例如,我在我工作的公司的 网站 的主菜单上使用 CSS 精灵,以及我自己的网站。 在它被称为 CSS sprites 之前我就开始使用它了......

Yes.

CSS sprites is just a technique to use offset on background images to display different parts of the same image in different elements.

I use CSS sprites on for example the main menu on the website of the company I work for, and the flags on my own web site. I started using it before it was even called CSS sprites...

空名 2024-08-06 01:02:50

支持background-position属性的浏览器也将支持CSS sprites。

CSS Sprites:它们是什么、为什么很酷以及如何使用它们

也看看以下问题

CSS Sprites 图像渲染不好IE 中的质量

CSS Sprite 帮助

Browsers which support background-position property will support CSS sprites also.

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them

Please take a look at the following questions also

CSS Sprites images rendered with bad quality in IE

CSS Sprite Help

提笔落墨 2024-08-06 01:02:50

您只需使用在线 精灵生成器。 其中有很多都是免费的,而且大多数都支持所有浏览器。

You could just use an online sprites generator. There are so many of them available for free and most of them support all browsers.

凯凯我们等你回来 2024-08-06 01:02:50

精灵在ie6下可以完美工作。 但 png 图像不起作用,因此请使用 gif。 如果您使用 Smush.it 处理 gif 以无损地消除开销,您可能会得到比相应 png 小的文件大小。

Sprites can work perfectly in ie6. But a png image will not work, so use a gif. If you process a gif with Smush.it to losslessly remove overhead, you might get a file size smaller than the corresponding png.

站稳脚跟 2024-08-06 01:02:50

是的,IE 6 支持精灵,但不支持 24 位 PNG 透明度。

我使用这个 css hack 来给 IE < 7 一个 gif 文件,其他所有文件都是具有透明度的 24 位 png。

background-image:url(/images/sprites/icons-sprite.png);
_background-image:url(/images/sprites/icons-sprite.gif); /* IE<7 gets the crappy icons */

Yes IE 6 supports sprites but doesn't support 24 bit PNG transparency.

I use this css hack for giving IE < 7 a gif file and everything else a 24 bit png with transparency.

background-image:url(/images/sprites/icons-sprite.png);
_background-image:url(/images/sprites/icons-sprite.gif); /* IE<7 gets the crappy icons */
最终幸福 2024-08-06 01:02:50

您还可以使用 Glue http://gluecss.com/
它是一个用于生成精灵的开源命令行工具。

You can also use Glue http://gluecss.com/
It's an open-source command line tool to generate sprites.

悲欢浪云 2024-08-06 01:02:50

CSS sprites 是使用 backround-position 的通用解决方案,即使在 IE5 中也可用。

关于它们的一个很好的教程位于此处:http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/

CSS sprites is a general solution using backround-position, which is avaible even in IE5.

A good tutorial about them is located here: http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/

半岛未凉 2024-08-06 01:02:50

我自己也遇到过 IE6 CSS sprites 问题 - 我在这里写了

有一个非常简单的修复方法 - 我在这里引用自己的话......

幸运的是,解决方案还不错。 当子元素设置为position:relative 时,Internet Explorer passim 似乎会忽略overflow:hidden。 这不是好消息......但解决方案很简单 - 将具有溢出:隐藏的元素也设置为位置:相对,然后将子元素上的位置:相对声明更改为位置:绝对......工作很好。< /p>

完整的详细信息可以在该链接上找到。

I have encountered the IE6 CSS sprites problem myself - I blogged it here:

There's a really easy fix - I quote myself here...

Luckily, the solution wasn't too bad. Internet Explorers passim seem to ignore overflow:hidden when a child element is set to position:relative. Not good news... but the solution is easy - set the element with overflow:hidden to also be position:relative and then change the position:relative declaration on the child to be position:absolute... the jobs a goodun.

The full details can be found on that link.

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