Kann ein Bild-Tag im HTML-Z-Index hinter einem CSS-Hintergrundbild sein?

8

Ich habe ein css-Hintergrundbild, das ich vor meinem img-Tag haben möchte. Das css-Hintergrundbild hat einen Z-Index von 1, und das img-Tag hat einen Z-Index von 0. Soll ich ein Img-Tag hinter den CSS-Hintergrund mit dem Z-Index setzen oder wird ein CSS-Hintergrund immer hinter einem sein? img-Tag unabhängig von seinem Z-Index?

    
Dennis Martinez 16.05.2011, 15:17
quelle

4 Antworten

20

Sicher, ein HTML-Element mit einem background-image und einem höheren z-index kann jedes andere HTML-Element überlagern, in Ihrem Fall ein einfaches <img /> -Tag. Das <img> -Tag muss jedoch nicht in dem Tag verschachtelt sein, das das Hintergrundbild enthält.

Das wird funktionieren

%Vor%

das nicht:

%Vor%     
DanielB 16.05.2011, 15:20
quelle
1

Es funktioniert, wenn Sie die Position entweder relativ oder absolut festlegen. Stellen Sie sicher, dass Sie es so einstellen, dass es nur vererbt wird.

    
antk3 25.01.2014 15:35
quelle
0

verwende 2 divs mit einem Hintergrundbild oder den divs und setze jedes div / image auf den z-index

    
Daniel Ruf 16.05.2011 15:20
quelle
0

Wäre hilfreich, wenn Sie Code anzeigen könnten, um zu verstehen, was Sie tun möchten. Wenn Sie nur ein Bild vor einem anderen anzeigen möchten, verwenden Sie 2 Container wie Div oder Span ..

%Vor%     
DevZarak 16.05.2011 15:27
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Fehlerbenachrichtigung bei plone 4