Question

<div class="controlbar">
    <div class="nav_gallery"></div>
</div>

.controlbar {
    z-index:1;
    position:absolute;
    min-height:360px;
    width:128px;
    top:0px;
    bottom:0px;
    left:0px;
    background:#C8B43C;
    box-shadow:#151416 0px 0px 0px 1px, #101010 0px 0px 4px 1px;
}

.nav_gallery {
    position:absolute;
    width:134px;
    height:50px;
    top:128px;
    left:0px;
    background-image:url("css/nav_selected.png"); <------
    cursor:pointer;
}

为什么背景图像在mozilla firefox中显得暗淡，我该怎么做才能解决这个问题？我已经尝试过搜索但没有出现。

以下是示例图片：http://i.imgur.com/PBVV9lV.png

Answer 1

首先删除任何0值后的px。此外，由于这是一个壁虎问题，您应该确保您的浏览器已更新。

Answer 2

我发现为什么我在firefox中获得了暗影像。

我将黑暗的png与我的jpgs进行了比较，然后我记得我已经在photoshop中保存了jpgs，并且在paint.net中保存了24位的png。所以我把它们放在photoshop中并重新保存为pngs，确定它有效。

哦，好吧，如果有人遇到同样的问题。

我在Mozilla Firefox中遇到此问题但在Google Chrome或Microsoft Explorer中没有这个问题仍然很奇怪。如果有人知道原因，请发表评论。

为什么这个背景图像在mozilla中变暗？

2 个答案: