Ungültiger Eigenschaftswert CSS in Rails

Ich versuche, im oberen Abschnitt ein Bild zu erreichen, um zu zeigen, wo der "Breadcrumb" ist. Ich habe es im Bild hervorgehoben.Ungültiger Eigenschaftswert CSS in Rails

Die CSS für sie ist:

.breadcrumbs-v3.img-v3 { 
    background: url(../img/breadcrumbs/img3.jpg) no-repeat; 
    background-size: cover; 
    background-position: center center; 
}

Wenn ich die CSS in Schienen akzeptables Format übersetzen sieht es wie folgt aus:

.breadcrumbs-v3.img-v3 { 
    background: url(<%= asset_url 'creative/martin_images/img3.jpg' %>) no-repeat; 
    background-size: cover; 
    background-position: center center; 
}

Anstatt das Bild zu sehen, ich will Ich sehe das nur mit folgender Fehlermeldung:

Ungültiger Eigenschaftswert

Siehe die Konsole für die Fehlermeldung ganz rechts.

In meinem Sheets Ordner ich die CSS in meine Layouts bin Laden, die die about.index.html enthalten, in dem der Code befindet.

Hier ist meine Layoutansicht creatives.html.erb.

<!DOCTYPE html> 
<html> 
<head> 
    <title><%= yield(:page_title) %> | </title> 
    <%= stylesheet_link_tag 'creative/manifest.css', media: 'all', 'data-turbolinks-track': 'reload' %> 
    <%= javascript_include_tag 'creative/manifest.js', 'data-turbolinks-track': 'reload' %> 
    <%= csrf_meta_tags %> 
    <!-- GOOGLE FONT --> 
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'> 
    <link href='https://fonts.googleapis.com/css?family=Dosis:400,300,600,700' rel='stylesheet' type='text/css'> 
    <link rel='stylesheet' type='text/css' href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600&amp;subset=cyrillic,latin'> 

</head> 

<body class="header-fixed-space-default"> 
<%= render 'layouts/navbar' %> 

<%= yield %> 
<%= render 'layouts/footer' %> 

</body> 
</html>

Könnte mir bitte jemand helfen, herauszufinden, warum ich das erste Bild nicht imitieren kann?

Quelle

2017-08-16 Jermaine Subia

Sie können erb-Tags <%= %> in Ihrem Stylesheet nicht enthalten.

Um ein Bild in Ihrem CSS korrekt zu verknüpfen, die Sie verwenden:

.selector { 
    background-image: url(/assets/image.png); 
}

oder

.selector { 
    background-image: url("/assets/image.png"); 
}

Quelle

2017-08-16 23:51:13 Crashtor

Sie hatten Recht ... Ich hatte eine Einstellung vorzunehmen, wenn ich „assets/kreativ setzen/martin_images "die adresse kam als" assets/creative/assets/creative "daher habe ich es gerade zu martin_images gemacht. Ich habe meine Frage aktualisiert, um das zu berücksichtigen. –

Ungültiger Eigenschaftswert CSS in Rails

Antwort

Verwandte Themen