【】CSS背景の白フチ問題について._html/css_WEB-ITnose-htmlチュートリアル-php.cn

ここで、background-repeat:repeat-y;とすべきです。水平です。。。

ホームページ

ウェブフロントエンド

htmlチュートリアル

【】CSS背景の白フチ問題について._html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:43 AM

当我使用背景图片时，无论怎么调整，总是无法横向铺满整个屏幕。
但是我使用背景颜色时，总是能横向铺满整个屏幕。
下面是代码和运行效果：
1，使用背景图片
代码：
<%@page language="java" import="java.util.*,java.sql.*,java.text.SimpleDateFormat" pageEncoding="gb2312" %>




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

效果：

2，使用背景颜色
代码：
<%@page language="java" import="java.util.*,java.sql.*,java.text.SimpleDateFormat" pageEncoding="gb2312" %>




  <%
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%">


                       用户名



                       密码

;
.username.value;
パスワード=document.login .password.value;
if(username==""){
document.Login.username.focus();
return;
}
else if(password== ""){
document.Login.password.focus();
document.login.submit( );

関数 b() {

ディスカッションへの返信 (解決策)

<style type="text/css">   #d1{   background-image: url(css1.png);   background-repeat: repeat-y;   position:fixed;    right:0px;   top:300px;   }   </style>

ログイン後にコピー

ここで、background-repeat:repeat-y は、repeat-x である必要があります。。。

<style type="text/css">   #d1{   background-image: url(css1.png);   background-repeat: repeat-y;   position:fixed;    right:0px;   top:300px;   }   </style>

ログイン後にコピー

ここで、background-repeat:repeat-y は、repeat-x である必要があります。。。

3q! ！！！！！！！！！！！！！！！！！解決しましたが、画像が一貫性がないのはなぜですか? 後ろの部分が前から切り取られて後ろに接続されています

<style type="text/css">   #d1{   background-image: url(css1.png);   background-repeat: repeat-y;   position:fixed;    right:0px;   top:300px;   }   </style>

ログイン後にコピー

ここで、background-repeat:repeat-y;とすべきです。水平です。。。

3q! ！！！！！！！！！！！！！！！！！解決しましたが、画像がまとまらないのはなぜですか? 後半部分が前面から切り取られて背面に接続されています。

画像がブラウザの幅より小さいです。。。これには画像のストレッチが含まれます。。。

著者は、background-size:cover を試して画像を拡大することができます

<style type="text/css">   #d1{   background-image: url(css1.png);   background-repeat: repeat-y;   position:fixed;    right:0px;   top:300px;   }   </style>

ログイン後にコピー

ここで、background-repeat:repeat-y は、repeat-x である必要があります。。。

3q! ！！！！！！！！！！！！！！！！！解決しましたが、画像がまとまらないのはなぜですか? 後半部分が前面から切り取られて背面に接続されています。

画像がブラウザの幅より小さいです。。。これには画像のストレッチが含まれます。。。著者は、background-size:cover を試して画像を拡大できます

神様、ありがとう！完璧な解決策！！！！！！！！！！！！！！！

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。