代码之家 › 专栏 › 技术社区 › Alex Mcp

IE 8特定背景图像错误

internet-explorer-8 css

Alex Mcp · 技术社区 · 15 年前

我有一个1乘1的灰色像素。它用作背景图像:

background-attachment:scroll;
background-color:transparent;
background-image:url("../image/vertical-border.png");
background-position:393px 0;
background-repeat:repeat-y;

所以我希望有一条灰色的,垂直的线,这条线是分区中最高的。

所以我在除IE8之外的所有浏览器中都能正确地看到这一点。在IE8中,它显示为渐变。上暗下暗。这有多疯狂?我从来没有见过这样的东西,希望能有一些见解。

谢谢!

2 回复 | 直到 14 年前

Community Mohan Dere 9 年前

不幸的是,这是一个PNG渲染错误(令人惊讶),在大多数情况下,人们会增加平铺PNG图像的大小,比如说10x10,问题就消除了。希望这对你来说没问题-也许用1X10,或者更好的是1X50…

一个部分的解释是,从内存中,当你用它在屏幕上出现的次数乘以它在屏幕上出现的次数时,IE将它的过滤应用到1X1图像所需要的处理量——它对IE来说太硬了。

见: IE8's rendering of transparent pngs is FUBARed on my site 以及相关的帖子/评论。

编辑: 嘿,因为它只是一条竖线,所以可以只使用GIF格式吗?或者可能是8位,非阿尔法透明PNG?

DaveShaw Thishin 14 年前

如果你想要的只是一个1倍的灰色边界,为什么不使用1倍的灰色边界呢?

例子:

border-right: 1px solid #cccccc;

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前