2011-04-07 70 views
0

我的页面有2个问题。背景中的点图像不可见

  1. 我在包装div中有点作为背景。它在fF和chrome中都不可见。
  2. 我有CSS导航背景渐变。在Chrome中看起来很好,但在FF中没有。

回答

1

您将背景图像设置为圆点,但在此之后,您可以在背景中设置渐变。它覆盖了点,也许你可以使用多个背景。 请查看this link以了解更多关于(以及梯度声明)的信息

0

您应该发布CSS的相关部分。

FF和WebKit具有不同的渐变格式。我相信CSS3更接近FF风格,所以你必须提供多个可选的CSS语句。但是,在Chrome 10和FF4上,您的页面看起来完全相同。

至于点,它是否设置在同一个div作为渐变?渐变是一个“图像”。您可能需要使用两个不同的叠加div,然后更改顶部div的不透明度,或者为背景指定多个图像,但会更改背景图像分层的顺序。

+0

这里是代码http://jsfiddle.net/priyaa2002/fuP9x/ – dragonfly 2011-04-07 10:13:43

+0

那么替代的css语句是什么? – dragonfly 2011-04-07 14:56:44

+0

您必须使用多个背景图像,按顺序指定“点”以覆盖渐变。但是,您的“点”PNG必须透明以显示渐变。另外,所有浏览器都不支持多个背景图像(至少不在IE中),许多旧版本的现代浏览器都不支持它们。所以只有当你的目标用户拥有最新的浏览器时才使用它们。否则,你将不得不使用两个div。 – 2011-04-08 01:55:29