zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden (CSS) z-index bei DIVS in Verbindung mit SVGs

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 13.07.2004, 13:12
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Habe es jetzt mit object versucht.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head><title>test</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 


<style type="text/css"> 
<!-- 

html,body { 
	margin: 0; 
	padding: 0; 
	background-color: #FF9933; 
	color: #000000; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 100.01%; 
} 

#layer1, #layer2 {
	position: absolute;
	border: 1px solid #804000;
}

#layer1 {
	top: 100px;
	left: 100px;
	z-index:1;
}

#layer2 {
	top: 130px;
	left: 140px;
	z-index:2;
}


#layer1 object, #layer2 object {
	width: 100px;
	height: 50px;
}


--> 
</style> 
</head> 
<body> 
	 
  	 
 <div id="layer1">
	<object data="svg/drehen.svg" type="image/svg+xml" >
	Ihr Browser kann das Objekt leider nicht anzeigen!
	</object>
 </div>
 <div id="layer2">
	<object data="svg/drehen.svg" type="image/svg+xml" >
	Ihr Browser kann das Objekt leider nicht anzeigen!
	</object>
 </div>

</body>
</html>
Funktioniert, ist Valide, aber kein z-index
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 13.07.2004, 14:10
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 24.05.2004
Beiträge: 1.176
terrikay befindet sich auf einem aufstrebenden Ast
Standard

Wie, ulle, Du hast Dir einen Quelltext zusammengesucht und kopiert?

Das hat Dir wohl keine Ruhe mehr gelassen, was?
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 13.07.2004, 15:39
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Ich wollte nicht immer die gleiche Leier posten....

Außerdem ist SVG interessant
__________________
</ulle>
Mit Zitat antworten
  #14 (permalink)  
Alt 13.07.2004, 15:46
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 11.07.2004
Beiträge: 106
come@death befindet sich auf einem aufstrebenden Ast
Standard

probier doch mal die style eigenschaften für die <object>s feszulegen, und nicht für irgendwelche <div>s darum
Mit Zitat antworten
  #15 (permalink)  
Alt 13.07.2004, 15:57
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Da Adobe selbst mit einem neuen Attribut für den embed-TAG wirbt um das z-index Problem zu lösen wird nichts helfen

http://www.xhtmlforum.de/viewtopic.php?p=6511#6511



Außerdem sind alle Cilds des z-index positionierten DIVs im gleichen Layer. Deshalb sehe ich auch mit CSS keine Möglichkeiten.

Ich kenne mich mit Flash nicht aus, ist es da genauso, ich meine wird dort auch der z-index nicht berücksichtigt.
__________________
</ulle>
Mit Zitat antworten
  #16 (permalink)  
Alt 13.07.2004, 16:14
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 11.07.2004
Beiträge: 106
come@death befindet sich auf einem aufstrebenden Ast
Standard

dann können wir für die zukunft nur hoffen...
wie auch mit den browsern, aber das ist ja bereits erheblich besser geworden, durch moderne browser wie mozilla (und daraus resultierende, der neue netscape + firefox). und wie es aussieht, wird es wohl doch einen von longhorn seperaten IE7 geben
Mit Zitat antworten
  #17 (permalink)  
Alt 14.10.2005, 17:55
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 06.01.2005
Beiträge: 151
derdiedas befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von ulle
...

Ich kenne mich mit Flash nicht aus, ist es da genauso, ich meine wird dort auch der z-index nicht berücksichtigt.
z-index mit flash - mit "tricks" geht es schon.

man benötigt den parameter wmode="opaque" beziehungsweise wmode="transparent".
wmode ist aber grundsätzlich buggy!
funktionen innerhalb flash werden gestört – aber wenn es nur um grafik bzw. animationen geht ohne große interaktivität etc., könnte man so arbeiten.

bsp.
http://www.luftzentrale.de/tmp/wmode/wmode.htm

hinweis:
das beispiel ist valid "getrickst".
dies ist nur möglich weil per js das flashobjekt ins html geschrieben wird - ansonsten würde der validator wegen dem nicht erlaubten parameter wmode meckern...

z.B. im opera 7.11 funktioniert dieses bsp. nicht! bei älteren netscapes bestimmt ebenso. im getesteten opera 8.5 funktioniert es - wie gesagt alles ziemlich dürftig...
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Script nur für Inhalt eines bestimmten DIVs Kipperdesign Javascript & Ajax 8 11.02.2013 14:03
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 12:39
Problem beim Layouten mit CSS und Div's eRoZion CSS 26 26.05.2005 12:33
Divs statt Tabellen (CSS) S1!c3r CSS 2 20.05.2005 18:00
nur bestimmte divs mit css formatieren tricky CSS 2 05.03.2004 11:19


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:40 Uhr.