回答
可以实现与CSS3多背景和CSS3渐变。这是关于这个问题的good article。
编辑:为了澄清,你基本上只需要在对象上定义两个背景。第一个将是渐变,而第二个将是alpha纹理。
你可以只使用一个大的div作为背景,并添加渐变和DIV中的PNG,然后使用CSS来调整大小和位置
你不需要CSS3这一点。在html
上使用无缝背景图块,在body
上使用alpha梯度。
html {background: #fff url(path/to/bg-tile.png) repeat 0 0;}
body {background: transparent url(path/to/gradient.png) repeat-x 0 0;}
什么是透明的关键词?似乎不适合我,我应该为它声明一个alpha吗? – ryf9059 2012-08-13 17:29:36
这就是部分[CSS background fasthand declaration](http://www.w3schools.com/css/css_background.asp)。它设置背景颜色。你是什么意思“声明一个alpha”? – 2012-08-13 17:51:24
通过声明一个alpha我意思是为它分配一个值,因为我的纹理不透明,应该有一个默认的阿尔法1,但这里的透明不提供一个让我困惑的alpha。 – ryf9059 2012-08-13 18:46:53
- 1. 渲染网页图片:berkelium-sharp
- 2. 渲染图像的网页
- 3. Drools在网页上渲染输出
- 4. 渲染1000+ DIV在网页
- 5. 将页面渲染为图片
- 6. 如何渲染网页上的文件?
- 7. Android上的网站渲染页面
- 8. 在渲染页面中渲染页面
- 9. 网页渲染捕捉
- 10. 果园CMS渲染网页
- 11. 网页的字体渲染
- 12. 我的网页不渲染
- 13. glTexImage2D不渲染图片
- 14. 使用Alpha到FBO渲染图层的位图
- 15. MKMapView在10.10 b3上不渲染瓦片
- 16. 如何渲染网页的InfoPath在SharePoint
- 17. 无法在方法内渲染网页
- 18. 图片不能用KineticJS渲染
- 19. 渲染上显示页
- 20. SWF:渲染片段不渲染
- 21. 用D3在ie8上渲染地图
- 22. 在QGLFramebufferObject上渲染时错误的alpha混合
- 23. 图片在网页上滚动时在网页上移动
- 24. 在3d网格上渲染贴花
- 25. DirectX alpha混合(延迟渲染)
- 26. 如何渲染带有alpha的纹理?
- 27. UITabBar - 更新alpha值并渲染它? (SWIFT)
- 28. XNA - 渲染到纹理的alpha通道
- 29. 渲染纹理时忽略alpha?
- 30. DirectX10,渲染到Rendertarget - 没有Alpha
这是IE9不支持之前。 – 2012-08-06 09:20:35
@JezenThomas是的,它不是。但是,现在对于不支持现代功能的浏览器使用后退通常是一个好主意,而不是降低大多数实际看到它们的体验。 – 2012-08-06 10:09:01
同意,但这个问题很容易解决没有CSS3。 – 2012-08-06 12:43:31