comment définir l'image d'arrière-plan de l'ajustement de navigateur à l'aide de html
J'ai fait une simple page de connexion et de définir une image comme arrière-plan, mais il n'est pas convenable d'écran du navigateur.Je suis en utilisant le html dans ce but que dois-je faire correspondre à l'image à l'écran du navigateur.Veuillez décrire en détail.
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional
//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>JSP Page</title>
</head>
<body>
<h1>Login Page</h1>
<center>
<h2>SignUp Details</h2>
<body background="Indian_wallpapers_205.jpg">
<form action="LoginCheck.jsp"method="post">
</br>Username:<input type="text" name="username">
</br>Password:<input type="password" name="password">
</br>
<input type="submit" value="Submit">
</form>
</center>
</body>
</html>
en utilisant le css pour résoudre ce... et de Vérifier ce lien css-tricks.com/perfect-full-page-background-image'
note:
note:
<center>
balise est déconseillé & supprimé de prise en charge du navigateur. Ne l'utilisez pas.OriginalL'auteur Make | 2014-01-10
Vous devez vous connecter pour publier un commentaire.
Vous pouvez vous obtenu ce que vous voulez en créer un .fichier css et un lien vers votre
<head>
balise juste après la</title>
(fermeture de balise de titre).Salut-Résolution de l'image sera bonne à utiliser, autour de 2112x1584 de pixels, mais de considérer la taille du fichier, car il sera question pour le moment de chargement de page.
Sur l'ouverture de votre
<body>
balise, il suffit de supprimer l'arrière-plan de la propriété sera déclaré par le biais de la .fichier css.Lorsque votre image est prête, placez ce code sur votre .fichier css
Lorsque votre .le fichier css est fait, vous pouvez la lier à la
<head>
tag. Il ressemblera à quelque chose comme ceci:<link type="text/css" href="yourCSSpath/yourCSSname.css" />
C'est comment je fais une image d'arrière-plan pour l'adapter à l'écran du navigateur.
!important
n'est pas nécessaire.OriginalL'auteur Kiel Labuca
utiliser le fond taille: couverture de la propriété . il sera en plein écran .
voici le violon lien
OriginalL'auteur Ashisha Nautiyal
Trouvé un moyen plus facile de la définir. Voici le code html et css:
url(../Images/abcd.jpg étant l'image stockée dans votre solution dans un dossier Images. Espérons que cela aide. Remarque: j'ai utilisé l'id de "corps", parce que la barre de navigation a été en quelque sorte primordial mon image d'arrière-plan.
OriginalL'auteur Lebone Mcdonald
ajouter ce code css dans votre feuille de style
VIOLON
OriginalL'auteur Karuppiah RK
HTML
CSS
OriginalL'auteur Kumar Shanmugam
Quelques réponses déjà souligné
background-size: cover
est utile dans le cas, mais aucun des points de la prise en charge du navigateur de détails. Ici, il est:Ajouter cette CSS dans votre feuille de style:
-moz-background-size: cover;
est facultatif pour Firefox, Firefox commence à l'appui de la valeurcover
depuis la version 3.6. Si vous avez besoin de soutien Konqueror 3.5.4+, ajoutez-khtml-background-size: cover;
.Que vous êtes en utilisant CSS3, il est conseillé de modifier votre DOCTYPE HTML5. Aussi, HTML5, CSS Reset de la feuille de style est suggéré d'être ajouté AVANT votre notre feuille de style afin de fournir un look & feel pour les navigateurs modernes.
Référence: fond de taille au MDN
Si jamais vous avez besoin de support des vieux navigateurs comme IE 8 ou ci-dessous, vous pouvez toujours aller à Façon Javascript (défiler vers le bas pour jQuery section)
Dernier, si vous prédire que vos utilisateurs utilisent le téléphone mobile pour naviguer sur votre site, ne pas utiliser la même image de fond pour le web mobile, votre image de bureau est probablement les grands dans la taille du fichier, qui sera un fardeau pour l'utilisation du réseau mobile. Utiliser les médias requête à la direction de la CSS.
OriginalL'auteur Raptor
Essayez Ce Code:
Il peut vous aider à
<style>
étiquette à l'extérieur<html>
tag? Vraiment?OriginalL'auteur Priya jain
Je rencontre le même problème que vous, c'est ma solution.
OriginalL'auteur Meric
OriginalL'auteur Vijay Patel