Überlappungen von Bildern in CSS
Wie bekomme ich "mymessage.gif" show vorbei "bread_wine.jpg".
mymessage.gif hat einen transparenten hintergrund.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>overlap images</title>
<style type="text/css">
<!--
#navbar {
font-size: 18px;
font-weight: bold;
text-align: center;
}
#thebigimage {
background-image: url(bread_wine.jpg);
height: 548px;
width: 731px;
margin-right: auto;
margin-left: auto;
}
#overlapthis {
background-image: url(mymessage.gif);
}
-->
</style>
</head>
<body>
<div id="navbar">this is the nav bar</div>
<div id="thebigimage">
<div id="overlapthis"></div>
</div>
</body>
</html>
InformationsquelleAutor MP123 | 2010-10-24
Du musst angemeldet sein, um einen Kommentar abzugeben.
Keine Sorge Kumpel, jederzeit. Hoffe, Sie verstehen, was da passiert 🙂
background-size:80px ??px;
können verwendet werden, um geben Sie die Größe des Bildes.InformationsquelleAutor Claudiu
Versuchen
InformationsquelleAutor Jakub Konecki
Da haben Sie es gleich jetzt, das Bild überschneidet sich schon. Sie können es nur nicht sehen, weil Sie nicht fügen Sie die Größen, um Ihre overlapthis div. Versuchen Sie dies:
Dann hinzufügen von Rändern (position: absolute) position des Bildes an die gewünschte Position.
InformationsquelleAutor Kablam