IE 8 .png问题

时间:2010-12-21 01:25:23

标签: jquery css drupal background slideshow

好的我已经搜索过并发现了几个问题,但由于某些原因我无法找到问题的解决方案我有背景颜色设置和页面背景设置CSS(必须将图像路径更改为类型图像因为过滤

#page-background
{
  position: absolute;
  background-image: url('images/page_g.jpg');
  background-repeat: repeat-x;
  top: 0;
  width: 100%;
  height: 900px;
  z-index: -1;

}

和身体背景

body {
background:url(images/page_t.jpg) repeat #805B38;
font-size: 84%;
font-family: Arial, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 0;
line-height: 1.5em;

}

我的幻灯片php代码是

<?php if ($mission) : ?><div id="slideshow-bottom">
<div id="mission"><?php print $mission; ?></div></div><?php endif; ?>
<div class="slideshow">
<img src="<?php print $base_path . $directory; ?>/images/slideshows/Life.png" width="950" height="355" alt="slideshow 1"/>
<img src="<?php print $base_path . $directory; ?>/images/slideshows/Death.png" width="950" height="355" alt="slideshow 2"/>

</div>
</div>

现在幻灯片放映PNG在Firefox和Chrome中运行良好,但IE 8似乎非常透明,它显示了CSS body标签中的背景颜色而不是背景图像。

我错过了什么?

经过一些更多的研究后我发现问题不是PNG和背景它的自我它似乎与jquery幻灯片显示,因为如果我注释掉除了一个图像之外的所有图像,那么一个图像完美无瑕任何想法如何修复是什么?

1 个答案:

答案 0 :(得分:1)

我知道这是一年之后但是:

您的背景速记不正确。颜色应首先出现在URL之前。

background: #805B38 url(images/page_t.jpg) repeat;

请参阅此资源以获取Dustin Diaz的更多CSS简写说明: http://www.dustindiaz.com/css-shorthand/