在 Mac 上，两个颜色应该匹配的 jpg 并不匹配

发布于 2024-09-04 12:31:29 字数 1285 浏览 10 评论 0原文

因此，我正在设计一个 myspace 页面，我有两个图像，一个是重复的背景图像，另一个是加载到其上方图层上的图像，充当标题/报头。由于某种原因，仅在 Mac 上且仅在浏览器中（在 safari 和 ff 中测试），报头渲染得比重复的背景图像稍暗，从而造成颜色不一致。专辑封面后面延伸的块是一个用 css 制成的实心框，它遮挡了 myspace 的一些标准内容。它实际上渲染为正确的颜色，与该图像的底部部分（背景的重复部分）很好地融合，但当它向上延伸到报头上方时变得明显，该部分比应有的颜色更暗。据我所知，这两个图像都是在 GIMP 中创建并保存为 jpg 的，使用的是相同的设置。

这是正在发生的事情的图片：

屏幕截图 - 点击我！！！

这里是控制这部分设计的代码。

<div class="masthead"><span></span></div>

.masthead {width: 1600px; 
    height: 1940px; 
    background-image:url(http://www.sourtricks.com/myspace/bdww/myspace_bg09.jpg); 
    position: absolute; 
    margin-left: -800px; 
    left: 50%; top: 0px; 
    z-index: -1; 
    overflow-x: hidden;}

body.bodyContent{
    margin: 0 !important;
    padding: 0 !important;
    background-color: 000000 !important;
    font-size: 1px;
    background-image: url(http://www.sourtricks.com/myspace/bdww/bg_repeat05.jpg);
    background-position: center bottom;
    _background-position: right bottom;
    background-attachment: scroll;
    background-repeat: repeat-y;
    z-index: -2;
    overflow-x: hidden;
    font-family: arial, sans-serif !important;
}

任何帮助将非常非常感谢。感谢您抽出时间，蒂姆

原文

So I'm designing a myspace page and I have two images, one is a repeating bg image, and another is an image which loads on a layer above it, which acts as a header/masthead. For some reason, on Macs only, and only in the browser (tested in safari and ff), the masthead renders slightly darker than the repeating bg image, creating this color inconsistency. The block that extends up behind the album artwork is a solid box made with css which blocks some of myspace's standard content. It actually renders as the proper color, blending in well with the bottom portion of this image, which is the repeating part of the background, but becomes noticeable as it extends up, over the masthead, which is darker than it should be. Both images where created in GIMP and saved as jpg's using, as far as i can tell, the same settings.

Here's the pic of what is going on:

Screenshot - Click Me!!!

Here is the code which controls this part of the design.

<div class="masthead"><span></span></div>

.masthead {width: 1600px; 
    height: 1940px; 
    background-image:url(http://www.sourtricks.com/myspace/bdww/myspace_bg09.jpg); 
    position: absolute; 
    margin-left: -800px; 
    left: 50%; top: 0px; 
    z-index: -1; 
    overflow-x: hidden;}

body.bodyContent{
    margin: 0 !important;
    padding: 0 !important;
    background-color: 000000 !important;
    font-size: 1px;
    background-image: url(http://www.sourtricks.com/myspace/bdww/bg_repeat05.jpg);
    background-position: center bottom;
    _background-position: right bottom;
    background-attachment: scroll;
    background-repeat: repeat-y;
    z-index: -2;
    overflow-x: hidden;
    font-family: arial, sans-serif !important;
}

Any help would be much, much, much appreciated.
Thanks for your time,
Tim

分享到QQ

分享到微博