Autor |
Nachricht |
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 01.12.2010 21:36
Titel
|
|
|
Wieso legst du die Skyline nicht einfach als Hintergrund fest anstelle das ding absolut zu platzieren und per z-index zu nach hinten zu legen?
|
|
|
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 01.12.2010 23:23
Titel
|
|
|
@DesignKater
Weil er die Skyline ja VOR dem Text haben will
@neoflox
Hatte mir letztens auch darüber den Kopf zerbrochen,
als quick&dirty-Lösung fiel mir dann aber nur das hier
ein: http://zweitaccount.zw.ohost.de/durchklickbar/
Es legt sich in dem Beispiel einfach eine 1:1 Kopie des
Contents mit opacity:0.01 über das Bild und verschiebt
sich mit wenn gescrollt wird. Eine üble Sache also - aber
funzt
Code: | window.addEvent('domready',function(){
var myContent = $('content');
var copy = myContent.clone(true,false).set({
styles: {
'z-index': 1,
opacity: .01,
width: myContent.getScrollSize().x,
overflow: 'visible'
}
}).inject(myContent,'before');
$('content').set({
events: {
scroll: function(){
copy.set({
styles: {
top: -this.getScroll().y
}
})
}
}
});
if (typeof DD_belatedPNG != 'undefined') {
// see: http://www.dillerdesign.com/experiment/DD_belatedPNG/
DD_belatedPNG.fix('#image');
}
}); |
Kann man sicherlich auch schnell auf jQuery umschreiben.
Grüße
zweitaccount
|
|
|
|
|
Anzeige
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Mi 01.12.2010 23:27
Titel
|
|
|
zweitaccount hat geschrieben: | @DesignKater
Weil er die Skyline ja VOR dem Text haben will
@neoflox
Hatte mir letztens auch darüber den Kopf zerbrochen,
als quick&dirty-Lösung fiel mir dann aber nur das hier
[...]
Grüße
zweitaccount |
Haha. Ich hatte vorhin exakt den selben Gedanken, habe ihn aber wegen absurdität wieder verworfen
Zuletzt bearbeitet von sahnemuh am Mi 01.12.2010 23:30, insgesamt 1-mal bearbeitet
|
|
|
|
|
neoflox
Threadersteller
Dabei seit: 21.10.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 02.12.2010 12:44
Titel
|
|
|
Das wäre echt zu dirty. Geht hier immerhin um eine saubere Zahnarztpraxis
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Do 02.12.2010 14:29
Titel
|
|
|
was man machen könnte wäre allerdings alle klickbaren objekte zu suchen und für jedes ein equivalent in einem neuen container (irgendwas semantisch bedeutungsloses wie div oder span mit einem onclick event) zu erzeugen, dessen position beim scrollen neu berechnet wird. das wäre zwar auch "dirty" aber gefühlt etwas weniger. ist natürlich auch rechenintensiver :/
|
|
|
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 02.12.2010 21:57
Titel
|
|
|
genau das wiederum war auch mein zweiter Gedanke.
Nur bin ich dann bei dem Gedanken ausgestiegen, wie man am
Zeilenende umbrechende Links berechnen könnte. Wär zwar mal
interessant das auszuexperimentieren - aber im Endeffekt dann
aufgrund der mgl. Codeblähungen wohl doch eher für die Tonne.
|
|
|
|
|
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 03.12.2010 18:15
Titel
|
|
|
@zweitaccount: Ich versuch nur zu verstehen wieso man eine transparente Grafik über einen Text legen sollte der klickbar bleiben soll.
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Fr 03.12.2010 22:33
Titel
|
|
|
damit der text hinter der grafik verschwindet. und zwar nur hinter den sichtbaren teilen.
Zuletzt bearbeitet von sahnemuh am Fr 03.12.2010 22:34, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Mobile Design - Objekte Sichtbar und Sichtbar Bootstrap
Photoshop: Verlauf nach Transparent wird nicht transparent
Smart Object in PS 5
[JavaScript] setInterval im Object
<object> und <embed> anpassen
[php 5] fehler: trying to get property of non-object
|
|