Un code HTML d'une image d'arrière-plan pour l'adapter à la taille de la table
Qui code dans le HTML va me permettre d'utiliser une image comme arrière-plan pour une table, mais pas de sorte qu'il serait répété plusieurs fois verticalement et horizontalement (dans le cas où la table est plusieurs fois plus grand que l'image), mais de telle façon que la hauteur de l'image est étirée pour être égale à la hauteur de la table, et sa largeur est tendu à être égale à la largeur de la table?
Vous ne devez pas avoir entendu parler de CSS.
Vous ne pouvez pas étirer un bg de l'image. Vous pouvez faire cela en quelques woohoo z-index et les éléments en position absolue.
Marek - "faire crac-crac z-index et les éléments en position absolue" - Pouvez-vous nous en dire davantage? Qu'est-ce que woohoo z-index? Où puis-je trouver plus d'information à ce sujet?
Eh bien, j'ai entendu parler de CSS un peu, mais je me souviens que je suis tombé là sur "repeat: non-répétition" et pourtant, n'ayant pas encore mon image de fond tendu suffisant pour la taille de la table.
l'orthographe correcte est
Vous ne pouvez pas étirer un bg de l'image. Vous pouvez faire cela en quelques woohoo z-index et les éléments en position absolue.
Marek - "faire crac-crac z-index et les éléments en position absolue" - Pouvez-vous nous en dire davantage? Qu'est-ce que woohoo z-index? Où puis-je trouver plus d'information à ce sujet?
Eh bien, j'ai entendu parler de CSS un peu, mais je me souviens que je suis tombé là sur "repeat: non-répétition" et pourtant, n'ayant pas encore mon image de fond tendu suffisant pour la taille de la table.
l'orthographe correcte est
no-repeat
- peut-être que c'était le problème?OriginalL'auteur brilliant | 2011-08-28
Vous devez vous connecter pour publier un commentaire.
Le CSS options d'arrière-plan ne peut pas gérer cela de manière fiable, sur tous les navigateurs, si vous avez besoin de mettre un
<img>
balise dans le tableau et la position appropriée. Comme Petr Marek évoqué dans les commentaires, vous pouvez le faire avec du CSS attributsz-index
etposition
, mais ce n'est pas élégant.Si vous définissez
position: relative
sur la table, vous pouvez définirposition: absolute
sur le<img>
avectop: 0; height: 100%; left: 0; width: 100%;
de la position et de la taille de l'image, et de définirz-index: -1
pour le faire apparaître derrière les autres contenus.Voici un exemple de travail sur jsFiddle.
Bien qu'il fonctionne parfaitement pour moi en Chrome, puisque vous êtes de mettre du contenu sur le dessus de l'image, je ne serais pas surpris si elle a causé certains navigateurs à gâcher la sélection de texte ou quelque chose d'autre.
Hein, c'est trop mauvais. Idiot CSS...
OriginalL'auteur Jeremy
Présentation est le travail de CSS, pas en HTML. Vous pouvez utiliser background-size dans soutenir les navigateurs.
OriginalL'auteur Quentin
HTML signifie Hypertext Markup Language. Il n'est pas le code. Il vise à fournir un contenu sémantique et la structure d'un site web accessible document. Les entités telles que les images sont purement présentation trucs qui a été ajouté parce que nous avons eu s'ennuyer juste la lecture du texte de tous les jours.
Cela étant dit, vous pouvez utiliser CSS pour éventuellement obtenir ce que vous voulez, mais il peut être fastidieux. Une idée qui vient à l'esprit est l'ajout d'un élément de l'image à la page avec une hauteur et une largeur à 100% de son conteneur, puis le positionnement de votre table, avec un arrière-plan transparent de couleur, plus il. Vous aurez à chercher dans les z-index, évidemment.
OriginalL'auteur Tieson T.