CODEWITHSUNDEEP
csssafariresponsive-designie8-compatibility-mode
user1448031
user1448031

Reputation: 2166

CSS background syntax not working in Safari and IE8

This is my background image syntax:

background:url(images/img.jpg) repeat-x scroll left bottom / 100% 100% transparent;

I copied this from the web and not sure what the forward slash is meant to be doing there. I am using this to resize the background on responsive layouts. This works perfectly for me in FF, Chrome, Opera, IE10 and IE9 but it does not work in Safari and IE8.

Is there a workaround for Safari and IE8?

Upvotes: 1

Views: 461

Answers (2)

Arunkumar Vasudevan
Arunkumar Vasudevan

Reputation: 5330

please set background style only and check all the browsers

background:url(images/img.jpg) repeat-x ;

if you want full page background use both repeat-x and repeat-y

like:

background:url(images/img.jpg) repeat-x repeat-y;

Upvotes: 0

Bhojendra Rauniyar
Bhojendra Rauniyar

Reputation: 85643

background-size doesn't work in IE8 and older version of safari so the background image is not showing that you have 100% 100%.

So just use in your stylesheet like this

background:url(images/img.jpg) repeat-x;

check this site

Upvotes: 1

Related Questions