Farbe überlagert Containergrafik

Bambstyle · Feb 17th 2014

Guten morgen,

Ich habe jetzt schon etwas länger selber versucht dieses problem zu lösen, leider schaffe ich es nicht alleine

Ich möchte gerne allen Kategorien eine Grafik zuweisen

http://www.beast-company.com/index.php/Portal/
http://www.beast-company.com/i…ard/2-News-Announcements/

Überall wird die Grafik mit Farbe überlagert, ich weiß welcher Reiter das in der Farbpalette ist aber wenn ich den transparent mache sehe ich keine Links mehr ?

Die Grafik habe ich bis jetzt so eingefügt

Code

.tabularBox, .dialogTitlebar {
    background-image: url("../images/shapeShifterBlack2/container.jpg");
    background-repeat: repeat-x;
    background-color: transparent;
}

Hatte gedacht das es mit "background-color: transparent;" klappt

Vielen dank

EDIT - - - - - - - - - - - -
Lösung für mein problem mit der Farbe übder der Grafik wurde gefunden.

Code

.tabularBox > header, .dialogTitlebar > header {
    background: url("../images/shapeShifterBlack2/container.jpg") repeat scroll 0 0 transparent;
}

Vielen dank nochmals für eure hilfe

Khorgoroth · Feb 17th 2014

versuch mal:

CSS

background: url("../images/shapeShifterBlack2/container.jpg") repeat-x rgba(0,0,0,0);

Die ganzen Zusätze "image, repeat, color" usw. kann man sich meisst sparen. Sieht dann so aus, ist das so gewünscht?

Bambstyle · Feb 18th 2014

Hallo,

Ja genau so sollte es aussehen.
Wie hast du das den gemacht?

Vielen dank

Khorgoroth · Feb 18th 2014

Mit dem von mir geposteten code

Miracoolix · Feb 19th 2014

Quote from Khorgoroth

Mit dem von mir geposteten code

Das ist lediglich die kurz Schreibvariante von dem im ersten Beitrag genannten CSS. Es wäre noch hilfreich zu wissen welche Selektoren du ansprichst.

Khorgoroth · Feb 19th 2014

CSS

.dialogTitlebar, .tabularBoxTitle > header {
    background-color: none rgba(0, 0, 0, 0);
}

Bambstyle · Feb 19th 2014

hmm klappt leider nicht bei mir

Sieht ja so aus als wenn es bei dem WBB4 in gewissen bereichen schwieriger geworden ist

Khorgoroth · Feb 19th 2014

Quote from Bambstyle

hmm klappt leider nicht bei mir

Dann setz noch ein important dran. Bei mir gehts ja auch, kann halt nur sein, dass eine Deklaration anderweitig definiert ist. Was im CSS zuletzt steht, setzt vorige Deklarationen ausser Kraft. !important markiert die Deklaration als wichtig und ignoriert somit alles nachfolgende, sowie element-style

CSS

.dialogTitlebar, .tabularBoxTitle > header {
    background-color: none rgba(0, 0, 0, 0) !important;
}

Miracoolix · Feb 19th 2014

Quote from Khorgoroth

CSS

.dialogTitlebar, .tabularBoxTitle > header {
    background-color: none rgba(0, 0, 0, 0);
}

@Khorgorothnone als Attribut für background-color: gibt es nicht. Siehe http://www.w3schools.com/cssref/pr_background-color.asp

@Bambstyle

CSS

.tabularBox > header, .dialogTitlebar > header {
    background: url("../images/shapeShifterBlack2/container.jpg") repeat scroll 0 0 transparent;




}

SoftCreatR · Feb 19th 2014

none gilt nur für background-image. Für die Farbe wird transparent verwendet.

Siehe http://www.w3.org/TR/CSS21/colors.html#background-properties

Khorgoroth · Feb 19th 2014

Quote from Miracoolix

@Khorgorothnone als Attribut für background-color: gibt es nicht. Siehe w3schools.com/cssref/pr_background-color.asp

Quote from SoftCreatR

none gilt nur für background-image. Für die Farbe wird transparent verwendet.

Ja, ist mir bekannt, wollte die Schreibweise aus Firebug abkürzen und habe vergessen das zu ändern, danke für die Hinweise.

Bambstyle · Feb 19th 2014

Code

.tabularBox > header, .dialogTitlebar > header {
    background: url("../images/shapeShifterBlack2/container.jpg") repeat scroll 0 0 transparent;




}

Der Code funktioniert.
Ich bedanke mich bei allen für eure hilfe!

Vielen dank

Black Rider · Feb 19th 2014

Quote from SoftCreatR

none gilt nur für background-image. Für die Farbe wird transparent verwendet.

Siehe http://www.w3.org/TR/CSS21/colors.html#background-properties

Und mit CSS 3 wird rgba(0, 0, 0, 0) statt transparent verwendet – sollte es zumindest.

Khorgoroth · Feb 19th 2014

Meine Deklaration sollte so aussehen, habe nur vergessen, das "colour" zu entfernen.

CSS

.dialogTitlebar, .tabularBoxTitle > header {
    background: none rgba(0, 0, 0, 0);
}

In diesem Fall würde none für das image gelten und die rgba(0, 0, 0, 0) für die Farbe.

Farbe überlagert Containergrafik

Participate now!

Share