我正在尝试使用HTML5的视频标记制作一个带有视频背景的网站。我也尝试过使用jQuery插件(http://plugins.jquery.com/project/videoBG)。我让视频加载并正常工作,但每次它使其他内容显得颗粒状/像素化。无论如何将项目置于视频背景之上并且不使它们显得颗粒状/像素化?
您可以看到我创建的页面。代码非常简单,所以我不会在这里包含它。
使用视频:http://createinform.com/test4.html 没有视频:http://createinform.com/test3.html
您会注意到徽标和文本在页面之间看起来有所不同,但它们使用的是保存CSS规则。提前谢谢!
干杯, 埃文
答案 0 :(得分:0)
这似乎是a known issue with Chrome。我在Firefox(5.0),IE(9)和Opera(10)中尝试了相同的两个页面,我无法分辨渲染中的差异。
编辑:我也尝试过Safari(5.0.1 / Windows)中的两个页面,渲染效果看起来更糟糕。所以,也许这是一个webkit问题。
答案 1 :(得分:0)
Chrome错误的一部分,您的徽标图片比它看起来更大,并通过CSS缩小。 使用正确大小的图像可以删除任何徽标问题。
下面的文字在版本BTW(chrome 14.0.797.0 m)
中呈现正常