Webmaster's Community

Designing and Development => Programming => Topic started by: Savera on November 21, 2011, 05:41:59 PM

Title: Inline css background image not working in google chrome browser
Post by: Savera on November 21, 2011, 05:41:59 PM

Now I have another issue, inline css background property is not working in chrome but working good in firefox . I am not able to figure out. If I add it in external css then it works.

Here is code I am using ..

Code: [Select]

<div style="height: 100px; width: 300px; background: url(/images/local/icons/star.png"></div>
Please guide ?

Title: Re: Inline css background image not working in google chrome browser
Post by: Jaffery on November 22, 2011, 07:33:44 PM

I think you have a missing closing brackets. Firefox looks to be too much forgiving that it can sometimes confuse you.
Your code should be :

Code: [Select]

<div style="height: 100px; width: 300px; background: url(/images/local/icons/star.png)"></div>

Title: Re: Inline css background image not working in google chrome browser
Post by: axeldevara on November 26, 2011, 05:27:35 AM

hi savera,
i'm using google chrome,i would like to test it.send me your link and where it should be(by message)