使用 supersleight jquery 插件时 IE6 透明 PNG 会被拉伸
这让我发疯：我是一名实习生：我的老板希望我使用带有 32 位 png 的 jquery 插件“supersleight”，使它们在 IE6 中透明。我让所有 html 都正常工作，并且它们都放置正确，但是当我应用 javascript 时，那些使用填充的 png 会被拉伸。我需要填充来在我的 css 中放置一些按钮，否则我将不得不声明 12 个类，而不是 5 个类（而不是为每个对象声明 left:Xpx；我可以执行“padding: 0 Xpx 0 Ypx”< br> 如果不向每个页面添加单独的类，是否无法解决此问题？
This is driving me insane: I'm an intern: my boss wants me to use the jquery plugin "supersleight" with 32-bit png's to make them transparent in IE6. I got all the html working, and they are all placed correctly, but when I apply the javascript those png's that use padding are stretched out. I needed padding to get some buttons in place in my css, otherwise I would have had to declare 12 classes instead of just 5, (instead of declaring left:Xpx for each object; I can do "padding: 0 Xpx 0 Ypx"
Is it impossible to fix this without adding a separate class to each page?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
为了使 PNG 在 IE6 中工作，它们使用过滤器样式显示。显然，脚本采用元素的大小来设置图像的大小。内边距包含在尺寸中，因此图像也会覆盖内边距。
您可以尝试使用边距而不是填充。边距不包含在元素的大小中。
另一种解决方案可能是在图像周围添加另一个元素，然后将填充应用于该元素。
To make PNGs work in IE6 they are displayed using a filter style. Obviously the script takes the size of the element to set the size of the image. The padding is included in the size, so the image will cover the padding also.
You could try using margin instead of padding. The margin is not included in the size of the element.
Another solution could be to add another element around the image, and apply the padding to that element instead.