html中如何使图片自动适应浏览器
各种高手大家好,是这样的。我想让一张图片,作为我的导航栏的背景。我之前使用div中的绝对固定把他固定在那,但这个图片的宽度是1920,所以如果我的笔记本浏览器100%显示...
各种高手大家好,是这样的。
我想让一张图片,作为我的导航栏的背景。
我之前使用div中的绝对固定把他固定在那,但这个图片的宽度是1920,所以如果我的笔记本浏览器100%显示的话,就会出现滚动条,图片特别大。
就是我的这个网站全部尺寸都是按照1920的屏幕做的,而我用的方法是div中的绝对固定。
我感觉我这个网站可能除了1920屏幕的电脑打开能够正常显示,其他的全都是不合适的,例如在我1366的笔记本上却依然那么巨大。
请高手指点一下,我是新手,希望能详细一点。
再次拜谢了。 展开
我想让一张图片,作为我的导航栏的背景。
我之前使用div中的绝对固定把他固定在那,但这个图片的宽度是1920,所以如果我的笔记本浏览器100%显示的话,就会出现滚动条,图片特别大。
就是我的这个网站全部尺寸都是按照1920的屏幕做的,而我用的方法是div中的绝对固定。
我感觉我这个网站可能除了1920屏幕的电脑打开能够正常显示,其他的全都是不合适的,例如在我1366的笔记本上却依然那么巨大。
请高手指点一下,我是新手,希望能详细一点。
再次拜谢了。 展开
3个回答
展开全部
解决办法:
1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;
3、body的background属性去掉,要不然会被遮住。
4、如果想让图片不随浏览器右边滚动条滚动,就用position:fixed属性。
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
给图片设置宽度-width:100%;
居中-margin: 0px auto;
1920显示器看1920的图片出现滚动条是因为你的浏览器的边框占用的几个像素
居中-margin: 0px auto;
1920显示器看1920的图片出现滚动条是因为你的浏览器的边框占用的几个像素
追问
谢谢,这种背景图可以自由伸缩,那如果是一个banner图该怎么办呢
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询