Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 可重复和可扩展的映像?可能吗?_Html_Css_Xhtml - Fatal编程技术网

Html 可重复和可扩展的映像?可能吗?

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

好吧,就这么定了

我有一个横幅图形,我想拉伸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>
</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。检查您的图像是否存在。