Html 可重复和可扩展的映像?可能吗?
好吧,就这么定了 我有一个横幅图形,我想拉伸100%的宽度 和 沿我的站点长度重复-y 两者都可以吗?Html 可重复和可扩展的映像?可能吗?,html,css,xhtml,Html,Css,Xhtml,好吧,就这么定了 我有一个横幅图形,我想拉伸100%的宽度 和 沿我的站点长度重复-y 两者都可以吗? <html> <body> <div style="background: url(https://www.google.com/adsense/static/en_US/images/234x60.gif) repeat-y;background-size:100% auto;width:100%;height:100%;"></div> &l
<html>
<body>
<div style="background: url(https://www.google.com/adsense/static/en_US/images/234x60.gif) repeat-y;background-size:100% auto;width:100%;height:100%;"></div>
</body>
</html>
请查看以上代码。您需要使用“背景大小”将图像宽度指定为100%。不是在每个浏览器中,对吗?我想让它在多种浏览器类型中播放。或者css3现在更被普遍接受了?html5支持矢量图像,这种图像可以在不降低图像质量的情况下缩放。支持绝对不是向后兼容的。@cbracer如果你说的是SVG,它在所有浏览器上都得到了很好的支持(你必须对大多数IE版本使用VML,但是像RaphalJS这样的库可以消除所有的痛苦)。@HoLyVieR我说的是SVG,支持对当前的浏览器很好,但是SVG不受IE5、IE6、IE7、FF2等浏览器的支持,FF3等。。。所以它不是真正的向后兼容@正如我之前所说的,对于IE6+,您可以使用VML,这是一种矢量绘图,但对于IE,您可以使用VML。此外,Firefox3支持SVG。如果你想做矢量绘图,这几乎就是你所需要的全部支持。事实上,您可能应该检查RaphalJS:
在IE 9或FFcode>url(“pix/gradient3.jpg”)中都不起作用,但仍无法将其更改为单引号url(“pix/gradient3.jpg”)。也就是说,根本没有背景。上面的代码适用于FireFox 6.0.2。检查您的图像是否存在。