Transparente Border

[rotalever]

Mit

filter:alpha (opacity=50);-moz-opacity:.50;opacity:.50;-khtml-opacity: 0.50;

bekomme ich eine Box inklusive der Border Halb-Transparent. Ich möchte aber nur die Border Halb-Transparent machen. Geht das irgendwie?

[DanMan]

32bit RGBA PNG Hintergrundbild.

[rotalever]

32bit RGBA PNG Hintergrundbild.
Geht nicht im IE.

edit:Ach was interessiert mich eigentlich der IE... Gute Idee! Sollen die Leute halt wechseln, wenn sie es nicht mögen ;)

[Mark]

Geht das nicht mit dem "pngbehavior.htc"-workarround?

zumindest geht es wenn man normale Bilder damit bearbeitet. Afaik gabs da aber irgendeine limitierung wenn man andere Eigenschaften dem Bild zuweisen will

[DanMan]

Geht das nicht mit dem "pngbehavior.htc"-workarround?

zumindest geht es wenn man normale Bilder damit bearbeitet. Afaik gabs da aber irgendeine limitierung wenn man andere Eigenschaften dem Bild zuweisen will
Geht nicht für Hintergrundbilder. Außerdem kann man dann keinen IE Alpha CSS filter mehr anwenden.

[rotalever]

Geht nicht für Hintergrundbilder. Außerdem kann man dann keinen IE Alpha CSS filter mehr anwenden.
Das würde ja nichts machen. Weil der Rest nicht transparent ist. Aber wie viele benutzen eigentlich noch IE <=6 ?

[DanMan]

Das würde ja nichts machen. Weil der Rest nicht transparent ist. Aber wie viele benutzen eigentlich noch IE <=6 ?
Klar. Ich mein ja auch nur.

Ich glaub so um die 25% - so viel wie Firefox. :redface:

[Matthias2x]

Das würde ja nichts machen. Weil der Rest nicht transparent ist. Aber wie viele benutzen eigentlich noch IE <=6 ?
der ist (leider) gerade in firmen noch sehr weit verbreitet ..

[rotalever]

der ist (leider) gerade in firmen noch sehr weit verbreitet ..
Ja gut das kann sein. Sonst wundert mich dieser hohe Anteil irgendwie sehr.
Aber für meine Sache ist das auch nicht so wichtig, da es nur ein winziges Designelement ist, was dann halt nicht ganz so aussieht, wie es aussehen soll.

[Flipper]

Kannst du die fertige Sache dann posten?
Ich muss zugeben, zum ersten Mal zu hören dass das mit den transparenten Sachen halbwegs klappt - drum würden mich Verwendungs-Beispiele auch interessieren :)

[rotalever]

Kannst du die fertige Sache dann posten?
Ich muss zugeben, zum ersten Mal zu hören dass das mit den transparenten Sachen halbwegs klappt - drum würden mich Verwendungs-Beispiele auch interessieren :)
Ja, also mein Div ist 680pixel breit und sollte 10pixel breite halbtransparente border haben. Also habe ich einfach mit GIMP ein 700*1pixel großes PNG erzeugt, was komplett weiß ist und links und rechts 10pixel breit halbtransparent ist. Das füge ich dann als Hintergrundbild in ein 700pixel breites div ein, mit "background-repeat: repeat-y;" als Eigenschaft und stelle das padding des divs entsprechend auf links und recht 10pixel. Fertig. Im Firefox, Opera, etc. funktioniert es perfekt. Im IE sind die Border dann halt nicht halbtransparent sondern grau, was noch okay ist.
Reicht das als Hilfe?

[Flipper]

Ich kanns mir schon vorstellen, mich würds nur interessieren wie dann die fertige Version aussieht. Ich mag mit CSS-Layouts/Effekte (css-zengarden) recht gerne.

[rotalever]

Das sieht ungefähr so aus:

bla bla bla
<div id="content">bla bla bla bla bla bla bla</div>
bla bla bla


#content {
background-image: url("hintergrundbild.png");
background-position: top left;
background-repeat: repeat-y;
padding: 5px 15px 5px 15px;
}