leeres DIV über anderes DIV soll Clickbar sein

[sodah]

Hi,

es funktioniert in ein paar Browsern, aber nicht im IE. Dort funktioniert es erst, wenn das DIV mc_buttons einen Hintergrund oder Text drin steht hat. Seltsam dabei ist, wenn dieses DIV alleine an der selben Fläche liegt, dann geht es.

var mc_kacheln = document.createElement("div");
var mc_kachelbuttons = document.createElement("div");
mc_kacheln.style.position = "absolute";
container.appendChild(mc_kacheln);
var mc_kachelbuttons = document.createElement("div");
mc_kachelbuttons.id = "kachelbuttons";
mc_kachelbuttons.style.position = "absolute";
container.appendChild(mc_kachelbuttons);
var photo = document.createElement("img");
photo.style.position = "absolute";
photo.style.border = "none";
photo.style.zIndex = 3;
photo.src = "content/tile/01-02.jpg";
photo.style.width = "200px";
photo.style.height = "100px";
mc_kacheln.appendChild(photo);
var mc_button = document.createElement("div");
mc_button.style.position = "absolute";
mc_button.style.zIndex = 4;
mc_button.style.width = "200px";
mc_button.style.height = "100px";
mc_button.style.cursor = "pointer";
mc_kachelbuttons.appendChild(mc_button); 

Kann man da irgendwie Einfluss nehmen mit eine Art Hitbereich?

[ein schlauer]

Das ist ein Bug im IE, wenn dieser keinen Inhalt hat, ist er quasi durchsichtig. Ich weiß aber nicht mehr welchen workaround es gibt. Da ich keinen IE zum testen habe

[sodah]

ich hab es jetzt mit unsichtbaren Zeichen gelöst:

mc_button.style.overflow = "hidden";
mc_button.style.fontSize = "400px";
mc_button.style.letterSpacing = "20px";
mc_button.innerHTML = "       "; 

Bin auch kurz davor, die App erstmal nur für die richtigen Browser fertig zu machen. Sowas hält ziemlich auf.

[ein schlauer]

Ich glaub background-color hilft auch. Ja so ein Bug kann ziemlich nerven. das Problem ist natürlich dass der IE nicht wenige davon hat.

[sodah]

ja background-color hilft, stört aber in diesem Fall. Es liegt noch ein Bild dahinter, dass man sehen muss. Das Bild selber darf nicht klickbar sein, da es sich ständig in Form und Postion verändert. Der Button ist fest, wird aber zu bestimmter zeit entfernt und eingeblendet. Bissi kompliziert. Wenn man alles auf Chrome und Konsorten entwickelt, dann geht das sehr schnell. Nur sobald ich den IE versuche einzubinden, stimmt immer irgendwas nicht. Abe dafür gibts ja dieses klasse Forum.

[Arcsinh]

@ein schlauer:
du kannst auch den "IE Tab"-Addon in FF und Chrome benutzen

[sodah]

ja das stimmt wohl, aber ist ziemlich verbugt. Und fühlt sich so an, als wenn man auf dem guten MAC ein Windows installiert.

[Junkee[]]

gutes MAC? Meinst du linux?

[tsseh]

gutes MAC? Meinst du linux?

ihr meint doch windows!

[ein schlauer]

Wieso sollte ich mir was IE ähnliches auf mein schönes neues ubuntu machen?
Aber das IE Tab läuft nicht. Weil es einfach IE Komponenten im Firefox nutzt. Da auf dem System keine IE Komponenten existieren, steht diese Erweiterung für meine "Plattform nicht zu Verfügung".

[sodah]

hast du ein Glück bzw. sei froh. IE muss man nicht haben. Ganz schlimmes ding das

[tsseh]

Aber das IE Tab läuft nicht. Weil es einfach IE Komponenten im Firefox nutzt. Da auf dem System keine IE Komponenten existieren, steht diese Erweiterung für meine "Plattform nicht zu Verfügung".

tut mir leid!
vielleicht gibts ja bei ebay ne günstige xp-version?

[ein schlauer]

Ich hab sogar Windows7 auf dem Rechner, aber seit ich ubuntu drauf habe, nicht einmal gestartet, warum auch?

[Hache]

du kannst dem leeren div auch einfach ein durchsichtiges background image geben

[sodah]

jepp hab ich schon gemacht. Aber leider ruckelte dann die Animation im Hintergrund etwas. War nicht ganz so performant. Es sind bis zu 500 Bilder welche sich dort auf Rollover verändern.
hier die fertige Flashversion: http://click.foto-mosaic.de/fiat/
hier die preAlpha der HTML-Version: http://click.foto-mosaic.de/html5/#/04-05/ (z. Zt. nur Chrome/Safari getestet)
bzw.: http://click.foto-mosaic.de/fiat/5.html