Table des matières
回复讨论(解决方案)
Maison interface Web tutoriel HTML 如何使背景图片底部和侧部无限延伸_html/css_WEB-ITnose

如何使背景图片底部和侧部无限延伸_html/css_WEB-ITnose

Jun 24, 2016 am 11:56 AM
bas 延伸 无限 背景图片

比如我在一个表格里,给他设了个背景图片。
然后表格长度比背景图片长,希望能底部无限延伸,
而不是图片重复。
侧面也希望能无限延伸边部

知道的麻烦给个表格的代码和css的代码,谢谢。。


回复讨论(解决方案)

你可以尝试像下面这样,在table后面放一张图片充当背景,把图片拉伸到100%,你要知道背景图片是不能拉伸的

 
 
如何使背景图片底部和侧部无限延伸_html/css_WEB-ITnose

 
 .....
 



#back {
   width: 800px;
   height: 600px;
   z-index: -1;
   position: absolute;
}
#back img {
   width: 100%;
   height: 100%;
}

希望对你有帮助。。。

你可以尝试像下面这样,在table后面放一张图片充当背景,把图片拉伸到100%,你要知道背景图片是不能拉伸的

 
 
如何使背景图片底部和侧部无限延伸_html/css_WEB-ITnose

 
 .....
 

……
谢谢,但我要的不是这种,
因为这种图片会变形。
我有一种思路,但不知道CSS如何写。

我的图片做成底部和侧部颜色是一样的。
也就是我在表格里,把图片居中对其,
然后是不是有种方式还可以在背景图片外设置背景颜色的。
提取图片底部的颜色,使背景颜色和背景图片颜色一致,
这样就可以显的是边缘是拉伸了。。。

不知道如何写CSS,,如果可行,请再告诉我下谢谢了!

描述不清楚呀~需要帮忙的话,就加我1157373706

引用 1 楼  的回复:

你可以尝试像下面这样,在table后面放一张图片充当背景,把图片拉伸到100%,你要知道背景图片是不能拉伸的


如何使背景图片底部和侧部无限延伸_html/css_WEB-ITnose


.....
……

按照你这种思路,只要你在表格中同时设置背景颜色和背景图片(居中,no-repeat),或者按我上面这种方法在外层div设置背景颜色和背景图片都可以达到你想要的效果,但是有一点要注意,如果你的图片太大、太小的话,会感觉怪怪的。。。

嗯在下边放个新图片拉伸了,然后设z-index:-1
然后将margin-top设成负数哈哈

嗯在下边放个新图片拉伸了,然后设z-index:-1
然后将margin-top设成负数哈哈


我这太狗屎了,不如直接把图片处理了哈哈

我明白楼主的意思,不过不知道能否实现,你可以看下现在的SOHU主页,其实SOHU主页他也是两个DIV拼起来的,上面的DIV有背景图,下面的没有背景图,所以让人看着好像是白色无限延伸了。

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment personnaliser l'image d'arrière-plan dans Win11 Comment personnaliser l'image d'arrière-plan dans Win11 Jun 30, 2023 pm 08:45 PM

Comment personnaliser l’image d’arrière-plan dans Win11 ? Dans le nouveau système win11, il existe de nombreuses fonctions personnalisées, mais de nombreux amis ne savent pas comment utiliser ces fonctions. Certains amis pensent que l'image d'arrière-plan est relativement monotone et souhaitent personnaliser l'image d'arrière-plan, mais ne savent pas comment personnaliser l'image d'arrière-plan. Si vous ne savez pas comment définir l'image d'arrière-plan, l'éditeur a compilé les étapes pour. personnalisez l'image d'arrière-plan dans Win11 ci-dessous. Si vous êtes intéressé, jetez un œil ci-dessous ! Étapes de personnalisation des images d'arrière-plan dans Win11 : 1. Cliquez sur le bouton Win sur le bureau et cliquez sur Paramètres dans le menu contextuel, comme indiqué sur la figure. 2. Entrez dans le menu des paramètres et cliquez sur Personnalisation, comme indiqué sur la figure. 3. Entrez Personnalisation et cliquez sur Arrière-plan, comme indiqué sur l'image. 4. Entrez les paramètres d'arrière-plan et cliquez pour parcourir les images

Comment supprimer l'image d'arrière-plan dans les paramètres de personnalisation Win10 Comment supprimer l'image d'arrière-plan dans les paramètres de personnalisation Win10 Dec 21, 2023 pm 02:31 PM

Chaque fois que l'arrière-plan du bureau utilisé dans le système Win10 est affiché dans l'image d'arrière-plan personnalisée dans les paramètres, certains utilisateurs souhaitent le supprimer, mais ne savent pas comment le faire. Cet article explique comment supprimer l'image d'arrière-plan personnalisée dans. Win10 partagé par ce site. Afficher les images d'arrière-plan du bureau utilisées : 1. Cliquez [clic droit] sur un espace vide du bureau et sélectionnez [Personnaliser] dans l'élément de menu qui s'ouvre. 2. Dans l'image de sélection en arrière-plan, vous pouvez afficher les arrière-plans du bureau ; vous avez utilisé Image ; supprimez l'image d'arrière-plan du bureau utilisée : Remarque : Cette opération implique la modification du registre. La modification du registre est risquée. Veuillez sauvegarder les données à l'avance. 1. Appuyez simultanément sur la combinaison de touches [Win+R]. pour ouvrir la fenêtre d'exécution et entrez la commande [regedit] ], puis cliquez sur [OK] 2 ;

Comment ajouter une image d'arrière-plan à Douyin Live Companion - Comment ajouter une image d'arrière-plan à Douyin Live Companion Comment ajouter une image d'arrière-plan à Douyin Live Companion - Comment ajouter une image d'arrière-plan à Douyin Live Companion Mar 05, 2024 am 09:16 AM

De nombreux utilisateurs qui diffusent en direct sur Douyin utiliseront le logiciel Douyin Live Companion, mais savez-vous comment ajouter une image d'arrière-plan au Douyin Live Companion. Voici la méthode d'ajout d'une image d'arrière-plan au Douyin Live Companion présentée par ? l'éditeur. Si vous êtes intéressés, les utilisateurs viennent jeter un oeil ci-dessous. Connectez-vous d’abord à Douyin Live Companion sur votre ordinateur, puis accédez à la page d’accueil. Sur la gauche, nous sélectionnons [Ajouter du matériel] sous [Scène 1]. Ensuite, il y aura une fenêtre pour ajouter des matériaux sur la page. Nous pouvons directement sélectionner la fonction [Image] et cliquer pour entrer. Nous ouvrirons ensuite une fenêtre où le matériel image est stocké localement. Nous devons sélectionner les images que nous souhaitons ajouter, puis cliquer sur le bouton Ouvrir dans le coin inférieur droit pour les ajouter. Après avoir ajouté l'image, nous devons utiliser le bouton gauche de la souris pour faire glisser l'image vers l'emplacement approprié.

Comment remplacer uniformément les images d'arrière-plan ppt Comment remplacer uniformément les images d'arrière-plan ppt Mar 25, 2024 pm 04:16 PM

Le remplacement unifié des images d'arrière-plan PPT est une opération importante pour améliorer le style visuel des présentations et peut être réalisé par deux méthodes principales : le remplacement du masque des diapositives et le remplacement par lots. Le remplacement du masque des diapositives implique la suppression de l'image d'origine et l'insertion d'une nouvelle image dans le masque, s'appliquant ainsi à toutes les diapositives. La fonction de remplacement par lots remplace directement les images d'arrière-plan de toutes les diapositives de la présentation. Une image d'arrière-plan unifiée améliore non seulement votre présentation, mais améliore également l'attention de votre public. Il est important de choisir des images de haute qualité et cohérentes avec le thème, et vous devez faire attention à l'ajustement des détails tels que la transparence et la taille. De plus, PPT fournit également de riches options de configuration d'arrière-plan, telles que des dégradés, des textures et des motifs, qui peuvent être personnalisées en fonction des besoins.

Introduction à la définition des images d'arrière-plan dans WPS Office 2016 Introduction à la définition des images d'arrière-plan dans WPS Office 2016 Mar 29, 2024 pm 10:21 PM

1. Démarrez la démonstration WPS, comme indiqué sur la figure. 2. Cliquez sur le bouton [+] pour créer une nouvelle diapositive, comme indiqué sur la figure. 3. Cliquez avec le bouton droit et sélectionnez [Arrière-plan], comme indiqué sur la figure. 4. Dans les options de remplissage de la page [Propriétés de l'objet], sélectionnez [Remplissage d'image ou de texture], comme indiqué sur la figure. 5. Dans la source de l'image, cliquez sur Fichier local[, comme indiqué dans la figure. 6. Dans la boîte de dialogue, sélectionnez l'image que vous souhaitez insérer et cliquez sur le bouton ] pour ouvrir le bouton [, comme indiqué dans l'exemple. 7. Ceci termine le paramétrage de l'image d'arrière-plan pour la démonstration WPS. L'effet est comme indiqué sur l'image.

Comment utiliser JavaScript pour charger automatiquement plus de contenu lors du défilement vers le bas d'une page Web ? Comment utiliser JavaScript pour charger automatiquement plus de contenu lors du défilement vers le bas d'une page Web ? Oct 18, 2023 am 11:40 AM

Comment JavaScript implémente-t-il la fonction de chargement automatique de plus de contenu lors du défilement vers le bas d'une page Web ? Présentation : le défilement infini est une fonctionnalité courante dans les applications Internet modernes. Lorsque les utilisateurs font défiler vers le bas de la page Web, davantage de contenu est automatiquement chargé, offrant ainsi une meilleure expérience utilisateur. JavaScript peut nous aider à réaliser cette fonctionnalité. Cet article présentera des exemples de code spécifiques sur la façon d'utiliser JavaScript pour écouter les événements de défilement des utilisateurs et charger davantage de contenu en fonction de la position de défilement. Implémentation spécifique : d’abord en HTM

Que dois-je faire si le bureau Win10 s'actualise à l'infini lorsque je le démarre ? Solution pour actualiser à l'infini le bureau de démarrage Win10 Que dois-je faire si le bureau Win10 s'actualise à l'infini lorsque je le démarre ? Solution pour actualiser à l'infini le bureau de démarrage Win10 Jul 08, 2023 am 09:33 AM

Récemment, lorsque certains utilisateurs utilisaient le système Win10, ils ont constaté que parfois le bureau était automatiquement actualisé sans s'arrêter, et qu'il s'actualisait également pendant que nous regardions des vidéos et écoutions de la musique, ce qui affectait grandement l'expérience utilisateur. lorsque l'ordinateur est allumé et que le réseau sans fil est actualisé ? L'éditeur ci-dessous vous expliquera comment gérer le rafraîchissement infini du bureau Win10 lorsqu'il est allumé. Que dois-je faire si l'ordinateur est allumé et que le réseau sans fil est actualisé ? 1. Après être entré sur le bureau, cliquez sur l'icône de la barre de menu avec la souris. 2. Sélectionnez [Resource Manager] dans l'interface ouverte. 3. Après avoir accédé à la page, cliquez sur [Gestionnaire des tâches Windows] et sélectionnez [Fin de tâche]. 4. Après avoir continué, revenez au bureau et cliquez avec le bouton droit de la souris pour sélectionner la barre de menu. 5. A ce moment, tout le monde clique sur [chance]

Comment définir une image d'arrière-plan ppt Comment définir une image d'arrière-plan ppt Mar 25, 2024 pm 04:12 PM

La définition d'une image d'arrière-plan PPT peut ajouter un effet visuel et attirer votre présentation. Ce didacticiel explique comment choisir la bonne image, configurer une image d'arrière-plan et l'ajuster en fonction du contenu de votre présentation. En suivant ce guide, vous pouvez facilement créer des images d'arrière-plan impressionnantes pour PPT et améliorer l'effet global de votre présentation.

See all articles