【】关于css背景有白边的问题._html/css_WEB-ITnose

原创
2016-06-24 11:43:01 2121浏览

当我使用背景图片时,无论怎么调整,总是无法横向铺满整个屏幕。
但是我使用背景颜色时,总是能横向铺满整个屏幕。
下面是代码和运行效果:
1,使用背景图片
代码:





Class.forName("com.mysql.jdbc.Driver");
Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/final","root","aaaa8888");
Statement stat=conn.createStatement();
String sql;
%>


style="width:100%; height:30%">




用户名



密码













效果:



2,使用背景颜色
代码:





Class.forName("com.mysql.jdbc.Driver");
Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/final","root","aaaa8888");
Statement stat=conn.createStatement();
String sql;
%>


style="width:100%; height:30%">




用户名



密码













效果:


回复讨论(解决方案)



这里background-repeat: repeat-y;应该是repeat-x;x才是横向。。。



这里background-repeat: repeat-y;应该是repeat-x;x才是横向。。。

3q啊!!!!!!!!!!!!!!!!!!解决了,但是为什么图片不是连贯的,后面的那一部分是从前面截断拼接到后面的




这里background-repeat: repeat-y;应该是repeat-x;x才是横向。。。

3q啊!!!!!!!!!!!!!!!!!!解决了,但是为什么图片不是连贯的,后面的那一部分是从前面截断拼接到后面的

图片小于浏览器宽度了。。。这个涉及到图片拉伸问题。。。
楼主可以尝试background-size:cover拉伸图片





这里background-repeat: repeat-y;应该是repeat-x;x才是横向。。。

3q啊!!!!!!!!!!!!!!!!!!解决了,但是为什么图片不是连贯的,后面的那一部分是从前面截断拼接到后面的

图片小于浏览器宽度了。。。这个涉及到图片拉伸问题。。。
楼主可以尝试background-size:cover拉伸图片
谢谢大神啊!完美解决了!!!!!!!!!!!!!!!
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。