2 qq 27928745 qq_27928745 于 2016.01.31 23:07 提问

html背景图平铺浏览器问题

拿到ui设计的背景图,直接设置宽高100%,会导致图片变形,各位大牛有什么好的解决方法吗?图片说明

2个回答

devmiao
devmiao   Ds   Rxr 2016.02.01 06:53
已采纳
qq_27928745
qq_27928745 多谢您。
2 年多之前 回复
devmiao
devmiao   Ds   Rxr 2016.02.01 06:53
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
HTML中使背景图片自适应浏览器大小
解决办法: 1、图片不够大,又background属性不能拉伸图片; 2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用 3、body的background属性去掉,要不然会被遮住
css中设置网页背景图片平铺但不重复
body {     }
css 如何让背景图片拉伸填充避免重复显示 不是平铺
但是css3出现以后,这个重复显示的情况被改善了。background-size 属性可以让我们之前的让背景图片拉伸填充的希望成真,具体使用方法如下感兴趣的朋友可以参考下哈,希望对大家有所帮助 如何让背景图片拉伸填充,这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一个容器(body,div,span)中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改
HTML背景图片拉伸铺满 CSS实现
上代码: CSS代码 #img { z-index:-1; border:0px solid red; filter: alpha(opacity = 85); position:absolute; width:100%; height:100%; } 页面代码 /img/impUsersFromBras.jpg" id="img"> 导入后督系统的用户表到会
如何让css背景图片占满全部背景,并且随着浏览器缩放图片保持长宽不变呢?
style> .body{ background-image: url('${basepath}/resource/images/loginb1.jpeg'); background-size: 100%; background-repeat:no-repeat; } style> css代码添加背景图片常用代码  1 背景颜色 {
设置网页背景图片平铺方式 background-repeat 属性
Sets or retrieves how the backgroundImage property of the object is tiled.Syntax HTML { background-repeat : sRepeat }
在html中,怎么设置背景图片不重复不平铺,只显示一张图片
背景图片不重复不平铺,可以这样设定背景: 1、 这样背景图片就会固定住,不会因页面滚动而重复。 2、使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺):
html+CSS让背景图片充满整个屏幕
由于给网页设置背景图时,需要设置背景图不重复且充满整个浏览器屏幕。      给body标签指定背景图,这样背景图就可以填充整个浏览器viewport了。 其实,该方案对所有的块级容器都可以生效。块级容器的宽高是动态的,那么背景图将自动伸缩,充满整个容器。 可设置body标签的CSS样式如下: body{ /*加载背景图*/ backg
css 背景图片平铺技巧
<br />使用css来设置背景图片同传统的做法一样简单,但相对于传统控制方式,css提供了更多的可控选项,我们先来看看最基本的设置图片的方法。<br />xhtml代码:<br /><div id="content"> <br /></div> <br />css代码:<br />#content { <br />border:1px solid #000fff; <br />height:500px; <br />background-image:url(images/bg.GIF); <br />}
(前端细节)背景100%平铺,浏览器缩小,背景显示不全bug
背景平铺 *{border:0; padding:0; margin:0;} .top{height:25px; background:#f3f3f3; border-bottom:1px solid #ccc; width:100%;} 好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧好吧