HTML Tutorials |
|
XML Tutorials |
|
Browser Scripting |
|
Server Scripting |
|
.NET (dotnet) |
|
Multimedia |
|
Web Building |
|
Java Tutorials |
|
Programming Langauges |
|
Soft Skills |
|
Database Tutorials |
|
Operating System |
|
Software Testing |
|
SAP Module |
|
Networking Programming |
|
Microsoft Office |
|
Accounting |
|
|
Mit CSS zu arbeiten ist m�glich, mit Schichten: St�cke des HTML Elements, die auf die regelm��ige Seite mit Pixelpr�zision gesetzt werden.
|
CSS Schichten
|
Die Vorteile von diesem liegen auf der Hand - aber noch einmal hat Netscape sehr begrenzte Unterst�tzung der CSS Schichten - und �bersteigen sie weg: die begrenzte Unterst�tzung, die sie anbietet, wird ziemlich h�ufig mit Ausf�llen durchgef�hrt.
So die realen Herausforderungen, wenn das Arbeiten mit Schichten, sie Arbeit auf Netscape Datenbanksuchroutinen au�erdem zu bilden ist.
|
CSS Code
|
AYER 1 ON TOP:
<div style="position:relative; font-size:50px;
z-index:2;">LAYER 1</div>
<div style="position:relative; top:-50; left:5; color:red; font-size:80px;
z-index:1">LAYER 2</div>
LAYER 2 ON TOP:
<div style="position:relative; font-size:50px;
z-index:3;">LAYER 1</div>
<div style="position:relative; top:-50; left:5; color:red; font-size:80px;
z-index:4">LAYER 2</div>
|
|
Eine Schicht alle zu verursachen, die du tun mu�t ist die Position des Attributes deiner Art zuzuweisen.
Die Position kann entweder Verwandtes oder Absolutes sein.
Die Position selbst wird mit links und den oberen Eigenschaften definiert.
Schlie�lich die Schicht auf die Oberseite ist, wird mit Hilfe des Zindex Attributes definiert.
|
VERWANDTER GEGEN DIE ABSOLUTE POSITIONIERUNG
|
Du kannst jede Position, die deine Schicht von der Position errechnete, wo die Schicht selbst eingesetzt wird (Verwandter) oder von der oberen linken Ecke errechnet (absolut).
|
Position: absolut
|
Wenn du die Position zum Absoluten definierst, wird es von der oberen linken Ecke der Seite errechnet - es sei denn die Schicht innerhalb einer anderen Schicht definiert wird, in diesem Fall es von der oberen linken Ecke der Elternteilschicht errechnet wird.
|
Position: relativ |
Wenn du die Position definierst, um relativ zu sein, wird sie im Verh�ltnis zu der Position des Umbaus, der die Art tr�gt. Das hei�t, wenn du eine verh�ltnism��ig in Position gebrachte Schicht mitten in der Seite hinzuf�gst, dann wird die Stellung von diesem genauen Punkt mitten in deiner Seite errechnet, in der es vorher addiert wurde.
|
DEFINIEREN DER POSITION
|
W�hrend die Position Eigenschaft den Herausfr�hling unseres beigeordneten Systems anzeigen, definiert die links- und Oberseiteneigenschaften die genaue Position unserer Schicht.
Du kannst die positiven und negativen Werte f�r diese Eigenschaften eintragen - so ist es m�glich, Inhalt nach links auf die Seite als die logische Position im HTML Code stark oben und weiter zu setzen, in dem die Schicht selbst definiert wird.
Mit anderen Worten: an der Unterseite deiner HTML Codes kannst du den Code f�r eine Schicht eingeben, die an der Oberseite der resultierenden Seite in Position gebracht wird.
�bersteigen und linke Eigenschaften k�nnen mit Javascript dynamisch ge�ndert werden.
Dies hei�t, da� es m�glich ist, Sache auf dem Schirm herum zu verschieben, selbst nachdem die Seite das Laden beendet hat.
Tats�chlich kann diese Technik verwendet werden, um gesamte Spiele zu verursachen. Anderer Gebrauch konnte Men�s sein, die heraus knallen, wenn a Maus-�ber auf einer Verbindung ermittelt wird. Die M�glichkeiten sind endlos - aber, zwecks Sachen einfach zu halten, graben wir nicht in Details �ber diese dynamischen HTML Effekte hier.
|
POSITION IM STAPEL - DAS Z-INDEX
|
Ein Spiel von 52 Karten darstellen. Wenn Karo-As an der Unterseite war, w�rden wir sagen, da� sie Zindex hatte: 1;. Wenn die K�nigin des Herzens an der Oberseite war, w�rden wir sagen, da� sie Zindex hatte: 52;.
Versuchen, die Codebeispiele wieder zu betrachten auf die Oberseite dieser Seite, und sehen, wie wir den Zindex verwendeten, um SCHICHT 1 auf die Oberseite zu setzen im ersten Beispiel, w�hrend wir SCHICHT 2 auf die Oberseite im zweiten Beispiel hatten.
Sehr interessante M�glichkeit entstehen aus der Tatsache, da� der Zindex mit Javascript dynamisch ge�ndert werden kann.
Es ist m�glich, einige zu verursachen �paginiert� auf einander - alle auf der gleichen Seite. Wenn der Benutzer eine Verbindung anklickt, verschiebt sie einfach, die Schicht mit dem gew�nschten Info auf die Oberseite anstatt l�dt ein neues paginiert. Die Technik, zum von Effekten zu verursachen m�gen, die �ber dem Bereich reinen CSS hinaus jedoch geht, also f�r jetzt beziehen uns uns gerade auf DHTML (dynamisches HTML - eine Mischung zwischen Javascript und CSS) f�r weitere Erforschungen in diesen Bereich.
|
VISIBILE GEGEN VERSTECKTE SCHICHTEN
|
Eine abschlie�ende Eigenschaft ist die Sichteigenschaft, die dir erlaubt, unsichtbare Schicht zu verursachen.
Warum w�rde jemand eine unsichtbare Schicht verursachen wollen? Gut die M�glichkeit sich vorstellen, die sie f�r das Hinzuf�gen der pop-up Men�s und anderer k�hler Effekte auf deine Seiten gibt.
Mit dynamischem HTML ist es m�glich, die Sicht einer Schicht entsprechend bestimmten F�llen zu �ndern. Der allgemeinste Gebrauch dieses ist, Men�s zu verursachen, die heraus knallen (wie die Unterprogramme im ANFANGSmen� auf Windows). Der Trick hinter diesen Men�s ist, alle Unterprogramme als unsichtbare Schichten zu verursachen. Dann wenn a Maus-�ber auf einer Verbindung ermittelt wird, wird die �bereinstimmende Schicht sichtbar. (T�ne recht einfach - ist wirklich recht einfach - ausgenommen wenn versuchte an Netscape Datenbanksuchroutinen, die scheinen, nur Idee der Logik hinter CSS Schichten zu haben).
G�ltige Werte f�r die Sichteigenschaft sind: versteckt und sichtbar. Dieses Beispiel zeigt, wie man unsichtbaren Schichten verursacht:
|
CSS Code
|
<div style="position:relative; visibility:hidden;">HELLO!!!</div>
|
|
PRAKTISCHER GEBRAUCH VON SCHICHTEN
|
Es liegt auf der Hand, da� Schichten bestimmte M�glichkeiten f�r die exakte Positionierung des statischen Elements auf deine Seiten anbieten.
In der Wirklichkeit sind Schichten in der dynamischeren Weise h�ufig benutzt:
- Fliegenelemente/-fahnen auf der Seite
- Spiele, wo du einen Gegenstand herum verschiebst
- Men�s, die heraus knallen, wenn sie ausgel�st werden
- Men�s, die sichtbar werden, wenn sie ausgel�st werden
W�hrend alle diese Effekte h�bsches n�tzliches scheinen konnten - die Tatsache ist, da� das Netz mit dynamischen Effekten, die viel k�hler sind, als die durchschnittlichen des Besuchers Gleichen wirklich gef�llt wird.
An mehr, die du kannst eine einzigartige Schnittstelle f�r deinen Aufstellungsort verursachen, mehr zwingst du, den Besucher, zu vergessen �ber, was sie gew�hnt bist. Die Energie des Haftens an den Elementen nicht untersch�tzen, da� der durchschnittliche Besucher gew�hnt wird.
Was ist k�hl �ber das Verursachen eines Effektes, der Marken 90% alles Netzentwerferklatschens ihre H�nde, w�hrend das Lassen von 90% von Nichtnetz Entwerfern verwirrte oder entt�uschte? Auf jeden Fall Richter f�r selbst, wenn bestimmter Effekt wirklich erforderlich ist - und wenn so: nicht z�gern, ihn zu verwenden.
|
|
|
Keywords:
css layers layer 2, css layers elements, css layers z-index, div style
|
|
HTML Quizes |
|
XML Quizes |
|
Browser Scripting Quizes |
|
Server Scripting Quizes |
|
.NET (dotnet) Quizes |
|
Multimedia Quizes |
|
Web Building Quizes |
|
Java Quizes |
|
Programming Langauges Quizes |
|
Soft Skills Quizes |
|
Database Quizes |
|
Operating System Quizes |
|
Software Testing Quizes |
|
SAP Module Quizes |
|
Networking Programming Quizes |
|
Microsoft Office Quizes |
|
Accounting Quizes |
|
|