css hintergrundbild im div problem

NetVisIon · 3. Januar 2015

hallo ich versuche seid 3 tagen in einer div ein hintergrundbild einzufühgen leider wird das ganze in der live ansicht nicht angezeigt evl. hatt ja jemand ne lösung für mich.

Code dereigefühgt werden soll schaut so aus.

CSS

<style type="text/css">
/*  -Hintergrundfarbe Produktdetailseite Preisbox und Tab*/
div.PriceContainer, .ui-tabs .ui-tabs-panel 
{background-color: #dbdbdf !important;
background-image: url("/WebRoot/Store16/Shops/78057350/MediaGallery/shop/img/listing_bg.gif");
}
</style>

michelle · 3. Januar 2015

Hast du eine URL, dass man sich das Problem direkt anschauen kann? Mir kommt die Bild URL etwas spanisch vor!

kanufrosch · 4. Januar 2015

Hey,

ich tippe darauf, dass das die falsche Bilder-Url ist. das sieht nach einem absoluten Serverpfad aus, und das kann meines erachtens nicht funktionieren...

CSS

background-image: url("/WebRoot/Store16/Shops/78057350/MediaGallery/shop/img/listing_bg.gif");

ich tippe auf irgendwas wie

CSS

background-image: url("/shop/img/listing_bg.gif");

Du darfst den Pfad denke ich eigebntlich erst ab da beginnen, wo deine Domain hinverweist, den höher als die Domain, kann css ja nciht zugreifen

Kanu

NetVisIon · 4. Januar 2015

CSS

<style type="text/css">
/*  -Hintergrundfarbe Produktdetailseite Preisbox und Tab*/
div.PriceContainer, .ui-tabs .ui-tabs-panel 
{background-color: #dbdbdf !important;
background-image: url("/WebRoot/Store16/Shops/78057350/MediaGallery/shop/img/listing_bg.gif");
background-position:center center
background-attachment:absolut;
-o-background-size: 100% 100%, auto ;
-moz-background-size: 100% 100%, auto ;
-webkit-background-size: 100% 100%, auto ;
background-size: 100% 100%, auto  ;
}
</style>

Alles anzeigen

und genau da dran lag es vielen dank habe das ganze noch Skaliert jetz zickt die producktbild anzeige rumm und ist verschwunden genau so die SocialMedia anzeige im ee und opera ist alles wunderbar nur im FF wird das nun nicht mehr wieder gegeben

wolf · 4. Januar 2015

Das hier gibt es auchnicht so:

CSS

-o-background-size: 100% 100%, auto ;
-moz-background-size: 100% 100%, auto ;
-webkit-background-size: 100% 100%, auto ;
background-size: 100% 100%, auto  ;

Hier mal der backgroundsize syntax:

Code

backgrounde-size: width height;
/* Oder */
backgrounde-size: keyword;
/* keywords: auto|length|cover|contain|initial|inherit */

Bedeutet entweder : 100% auto; oder : 100% 100%; aber KEINE kommas und maximal zwei werte!

EDIT:
Es gibt kein 'absolut' als keyword! Wenn dann 'absolute'
Aber für bg-attachment gibt es kein absolute als keyword..!

CSS

/* Syntax: */
background-attachment: scroll|fixed|local|initial|inherit;




/**/
background-attachment: absolut;

Hier fehlt ein Semikolon am ende der Zeile

CSS

background-position:center center

Auserdem solltest du dir angewöhnen auch dein CSS einzurücken!

CSS

<style type="text/css">
    /*  -Hintergrundfarbe Produktdetailseite Preisbox und Tab*/
    div.PriceContainer,
    .ui-tabs .ui-tabs-panel{
        background-color: #dbdbdf !important;
        background-image: url("/WebRoot/Store16/Shops/78057350/MediaGallery/shop/img/listing_bg.gif");
        background-position: center center;
        background-attachment: fixed;
        -webkit-background-size: 100% auto;
             -o-background-size: 100% auto;
                background-size: 100% auto;
    }
</style>

Alles anzeigen

css hintergrundbild im div problem

Jetzt mitmachen!

Teilen