Wie die Scroll Bars innerhalb eines Iframe Farbe?
Web-Designer verwenden eine Codierung Sprache namens HyperText Markup Language (HTML) Struktur für ihre Websites erstellen. HTML enthält eine Funktion, die als Inline-Frame-Element (auch genannt das Iframe-Element) bezeichnet. Dieses Element Rahmen Inhalt von einer Web-Seite in einem vordefinierten Raum innerhalb einer zweiten Webseite. Das Iframe-Element enthält eine Scroll-Bar-Eigenschaft, die Web-Benutzer einen Bildlauf durch den Inhalt beim es innerhalb seiner ursprünglichen Rahmen halten können. Web-Designer zuordnen von Cascading Stylesheet (CSS) Regeln für den HTML-Code, die das Aussehen und die Farbe der Scroll-Balken im Iframe entwirft.
Anweisungen
1 Iframe in Ihre ursprünglichen html-Dokument zu erstellen. Definieren Sie die Werte der eingerahmten Inhalt URL und die Eigenschaften Height und Width. In diesem Beispiel wird der Iframe erstellt, durch den Einsatz von < Iframe > und < / Iframe > Markierungen. Die Frame-Links zu der Webseite "yourFramedContent.html" und der Rahmen wird auf 200 Pixel breit und 400 Pixel hoch festgesetzt.
< Iframe Höhe = "400" Width = "200" >< / Iframe >
2 Ort CSS Bildlaufleiste Konstruktionsregeln zwischen den < Header > und < / Header > Tags von Ihrem Zieldokument. Erstellen Sie die Design-Regeln als Teil des HTML-Elements Design-Eigenschaft. In diesem Fall die Bildlaufleiste Base festgelegt wurde, zu schwarz, das Gesicht ist rot und der Pfeil wird grün sein.
< Header >
< Stil >
HTML {}
ScrollBar-Base-Farbe: schwarz;
ScrollBar-Face-Color: rot;
ScrollBar-Arrow-Color: green;
}
< / style >
< / Header >
3 Ändern Sie die Farben nach Bedarf. Wenn die folgenden Regeln angewendet werden, sollte die Gesamtheit der Bildlaufleiste in weiß erscheinen.
< Header >
< Stil >
HTML {}
ScrollBar-Base-Color: weiß;
ScrollBar-Face-Color: weiß;
ScrollBar-Arrow-Color: weiß;
}
< / style >
< / Header >
Tipps & Warnungen
- Als Alternative zu Iframes erwägen Sie CSS Stil ein HTML Div-Element mit die Overflow-Eigenschaft. Die Overflow-Eigenschaft kann festgelegt werden (z.B. .div {Overflow: Scroll;}) blättern. Diese Einstellung wird eine Bildlaufleiste gerendert, wenn die Länge des Inhalts die etablierte Größe der div. überschreitet
- Die Bildlaufleiste die Eigenschaften nur Render innerhalb von Internet Explorer-Browsern Färbung. Chrome und Firefox-Browser erlauben keine Web-Entwickler auf die Standardeinstellungen der Bildlaufleiste ändern.