URL for background-image wrong in Liferay 6.2

[Daniel Niklas, modificado hace 10 años.]

Hi,

my css-file contains:

.test {
background: url(../images/test.jpg);
}

The css-file (in the Browser) contains the following URL:
.test {
background: url(@base_url@/images/test.jpg);
}

What ist going wrong?
Liferay Version 6.2.10 EE GA1

Best regards
Daniel

[Vilmos Papp, modificado hace 10 años.]

Did you run the build-css target when you built your theme?

[Daniel Niklas, modificado hace 10 años.]

Hi,

i am using the maven-sdk: mvn package.
While packaging the goal "liferay-maven-plugin:6.2.0-ga1:build-css" is called.

Daniel

[Byran Zaugg, modificado hace 10 años.]

Check your build log, to ensure there were no SASS parsing errors, when you built your theme.

Ant will still say "Build Successful" and build the WAR, even if there are SASS errors.

See: LPS-43671

[Daniel Niklas, modificado hace 10 años.]

Thanks for your reply and sorry for my late answer - i was on vacation...
You're right: there were parsing errors. Maven says "Build Successful", too.

Without parsing errors there was another Problem:
In custom.css there are imports to other files like:
@import url(styles.css);

In styles.css there is a definition for background like this:
background: url('../images/test.jpg') center top no-repeat;

The result was an url like this:
background: url('<correct-context-name>/css//<correct-context-name>/css/../images/div/test.jpg') center top no-repeat;

When the import is like this:
import "import-file.css";

Then everything is OK:
background: url('../images/test.jpg') center top no-repeat

[vishwanath s, modificado hace 9 años.]

Even i am getting the same glitch which is causing empty images on the webpage.
Can someone pls suggest how to resolve this issue.

[Samrat Dhar, modificado hace 9 años.]

having the similar problem in liferay 6.2 CE for custom theme
In my <themeProject-theme>/docroot/_diff/css/cutom.css - I have css like -
url("../images/background.gif")

but in browser, its giving 404 error with below kind of url for the background image

404 Not Found - http://localhost:8080/themeProject-theme/css/@base_url@/images/background.gif"

Please help.

[Raphael Ferreira, modificado hace 9 años.]

I have a similar problem too. Does anyone has the solution?

[Felix Gonzalez de Santos, modificado hace 9 años.]

I have the same problem, there are any new notice?

[Byrån Zaugg, modificado hace 9 años.]

Samrat Dhar:

404 Not Found - http://localhost:8080/themeProject-theme/css/@base_url@/images/background.gif"

I've seen a similar issue, but it was because I was building my theme with 6.1.30 and deploying to 6.1.20. For 6.2, I'm not sure what it would be.