即梯度+背景图像

问题描述:

有什么办法让ie(7,8)显示一个梯度和背景图像在同一个div?即梯度+背景图像

我得到它的唯一方法(但几乎)是通过使用两个过滤器,一个用于渐变,另一个使用AlphaImageLoader - 但当然,然后你不能定位图像。

声明背景图像和渐变过滤器不起作用,因为它不会呈现图像 - 只有渐变。

有没有(最好是非JS)解决方案呢?

如果不是这样,我将不得不诉诸使用背景图片渐变为好,这是不是很不错,但不会有太大的差别之一...

+0

您可以在自己喜欢的图像编辑程序中制作一个,或者使用两个尺寸相同的div,一个使用渐变和不透明度,另一个使用背景图像。 – Kyle 2010-11-23 10:21:32

+0

谢谢,这些都是可能的解决方案,但我试图避免1)不必要的标记和2)不得不使用巨大的PNG(1040x308 +)。 – 2010-11-23 10:27:13

我会说增加一点不必要的标记是这里邪恶的较小者。要么是这样,要么让IE用户在没有渐变的情况下生活。

经常让您的设计工作是语义,性能,标准和像素完美之间的折衷。接受这一事实对我来说很难,但它使我成为了一名更好的前端开发人员 - 我可以更快地工作,并且我可以决定在特定情况下哪些度量标准很重要。