Background Image issues on Safari

[tushant]

I recently designed a new webpage billy.tushark.com.np/onePage/ . It is responsive on all the browser but I am having problem on safari . The background image is shown on the middle of the page . I tried to fix it but when i covered the page with background image , the background image zooms a lot . Now i want to remove background image just for safari . So once please check into my webpage and say where I am wrong . Please i need a help asap.

Thank you,
Tushant

[Paulie_D]

Now i want to remove background image just for safari

You don’t mention which version of Safari but trying to do a browser detection thing rather than fixing the problem would, probably, be more involved (and likely to break).

I’d try fixing the problem first.

So, which version of Safari and on what OS?

Also, mobile or desktop?

[tushant]

It was with ipad safari

I did something like that and it worked
if (navigatior.userAgent.match(iPad))
{
document.body.style.background=”#fff”;
}
else
{
document.body.style.background=”url(‘..’)”;
}

But the logo at the top is very huge on IE . DO i have to do the same for IE too to reduce the size of logo .

Thank you any way for replying to my question .

[Paulie_D]

But the logo at the top is very huge on IE . DO i have to do the same for IE too to reduce the size of logo .

I think you’re using a sledgehammer to crack a nut.

I’d try fixing the problem first.

I can’t test on IPad or latest Safari ( as I use Windows) but this sounds like a meta tag issue (perhaps related to device width or retina issues).

[tushant]

How can we use media query for specific browser like IE ?

[Paulie_D]

How can we use media query for specific browser like IE ?

I’m not sure how this is relevant.

Sledgehammer again…I feel.

[Author]

Posts