不加宽度也没有内容，如何显示背景图？_html/css_WEB-ITnose
有一张背景是左右两边有东西的。然后切图的时候就切出左右两边两张小图。让它自适应屏幕的大小。（但是必须加固定宽度，才能显示出背景。）。当屏幕的大小是1024的时候，如何使背景层不显示？因为宽度的问题，导致中间的内容都往下移了。在1440的屏幕下是正常的。但是1024的大小时，内容会下移。。。唉。。不晓得表达的清楚不？
烦请懂的朋友告知下咯。。。谢谢哈~
回复讨论(解决方案)
直接贴代码
直接贴代码 ++
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>body {margin:0px auto;background:#6633FF;color:#fff;}p {margin:0px 0px ;padding:0px 0px;}.left {background:#000;float:left;width:200px;}.right {background:#000;float:right;width:200px;}.center {padding:0px 10px;width:980px;float:left;}</style></head><body><div id="container"><div class="left">ffff</div><div class="right">ffffff</div><div class="center"><p>在宽屏电脑下显示左右的背景色（宽度200px）。在1024*768的屏幕下隐藏左右两边的背景。中间内容已经固定了宽度是980px。</p><p>左右两边是没有内容的。。。。要加宽度才能显示背景色的。。。不加宽度也没有内容的情况下如何显示背景色呢？且1024的屏幕下可以隐藏掉左右的背景色。</p><p>目前在1440的屏幕下是可以正常显示，因为加了宽度。但是在1024的屏幕下中间的内容就会被撑开。</p><p>目前的解决方法是切一张大背景。就可以解决问题。。。但是，想知道有没有方法就是切两张小图放左右两边。不管屏幕多大都是显示在左右两边的~~~</p></div></div></body></html>你是想在1024 下面隐藏 2边的东西，然后在1440 下可以显示2边东西 是不是？？
这个要应该要js 控制
可以。
但是我告诉你，一张大图比两张小图更好，因为大背景图总字节更小一点，而且少一个http
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Quel est le but du & lt; Progress & gt; élément?
Mar 21, 2025 pm 12:34 PM
L'article traite du HTML & lt; Progress & GT; élément, son but, son style et ses différences par rapport au & lt; mètre & gt; élément. L'objectif principal est de l'utiliser & lt; Progress & gt; pour l'achèvement des tâches et & lt; mètre & gt; pour stati
Quel est le but du & lt; datalist & gt; élément?
Mar 21, 2025 pm 12:33 PM
L'article traite du HTML & lt; Datalist & GT; élément, qui améliore les formulaires en fournissant des suggestions de saisie semi-automatique, en améliorant l'expérience utilisateur et en réduisant les erreurs. COMMANDE COMPRES: 159
Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5?
Mar 17, 2025 pm 12:20 PM
L'article examine les meilleures pratiques pour assurer la compatibilité des navigateurs de HTML5, en se concentrant sur la détection des fonctionnalités, l'amélioration progressive et les méthodes de test.
Quel est le but du & lt; mètre & gt; élément?
Mar 21, 2025 pm 12:35 PM
L'article traite du HTML & lt; mètre & gt; élément, utilisé pour afficher des valeurs scalaires ou fractionnaires dans une plage, et ses applications courantes dans le développement Web. Il différencie & lt; mètre & gt; De & lt; Progress & gt; et ex
Comment utiliser le html5 & lt; time & gt; élément pour représenter les dates et les temps sémantiquement?
Mar 12, 2025 pm 04:05 PM
Cet article explique le html5 & lt; time & gt; élément de représentation sémantique de date / heure. Il souligne l'importance de l'attribut DateTime pour la lisibilité à la machine (format ISO 8601) à côté du texte lisible par l'homme, stimulant AccessIbilit
Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur?
Mar 17, 2025 pm 12:27 PM
L'article discute de l'utilisation des attributs de validation de formulaire HTML5 comme les limites requises, motifs, min, max et longueurs pour valider la saisie de l'utilisateur directement dans le navigateur.
Quelle est la balise Meta de la fenêtre? Pourquoi est-ce important pour une conception réactive?
Mar 20, 2025 pm 05:56 PM
L'article traite de la balise Meta de la fenêtre, essentielle pour la conception Web réactive sur les appareils mobiles. Il explique comment une utilisation appropriée garantit une mise à l'échelle optimale du contenu et une interaction utilisateur, tandis que la mauvaise utilisation peut entraîner des problèmes de conception et d'accessibilité.
Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez?
Mar 20, 2025 pm 06:05 PM
L'article traite du & lt; iframe & gt; L'objectif de Tag dans l'intégration du contenu externe dans les pages Web, ses utilisations courantes, ses risques de sécurité et ses alternatives telles que les balises d'objet et les API.
