Home > Background Image > Background Url Not Working In Safari

Background Url Not Working In Safari

Contents

Browse other questions tagged css css3 layout safari background-position or ask your own question. share|improve this answer answered Oct 7 at 15:23 theniceninja 11 add a comment| Your Answer draft saved draft discarded Sign up or log in Sign up using Google Sign up share|improve this answer answered Sep 9 '15 at 12:39 SoBiT 8711 add a comment| up vote -2 down vote Best way is to use: background-size: auto; share|improve this answer edited Mar I don't know why, but I figured it out once. click site

share|improve this answer answered Jun 12 '13 at 14:13 pilsetnieks 7,183113254 This one does not change the color either. On a hunch, I added the line at the top of the HTML page and voila! Join them; it only takes a minute: Sign up CSS background image not appearing in Safari up vote 0 down vote favorite I have the very simple task of applying a Alien May 14 '13 at 11:35 So what should be the valid value?

Safari Background Image Position

Teenage daughter refusing to go to school Are there any special rules when making a substitution in an integral? Progressive JPEG, on the other hand, encodes the image in progressively higher detail. asked 3 years ago viewed 12733 times active 3 years ago Upcoming Events 2016 Community Moderator Election ends in 10 days Get the weekly newsletter! So after some head scratching, I thought to my self, what if I go back to my roots and see what happens, so thats exactly what I did.

I can view the image with every other browser except Safari. ALL FREE SHIPPING! The images and/or hovering are not working at all in Chrome in Win7 (or in Chrome/Firefox in Ubuntu). 1638 points Submitted by tim_m over 4 years ago 1 vote permalink After Safari Background Cartoon Code ladder, Robbers Can leaked nude pictures damage one's academic career?

more stack exchange communities company blog Stack Exchange Inbox Reputation and Badges sign up log in tour help Tour Start here for a quick overview of the site Help Center Detailed asked 3 years ago viewed 22957 times active 1 month ago Upcoming Events 2016 Community Moderator Election ends in 10 days Get the weekly newsletter! more stack exchange communities company blog Stack Exchange Inbox Reputation and Badges sign up log in tour help Tour Start here for a quick overview of the site Help Center Detailed http://stackoverflow.com/questions/16542051/css3-background-position-issue-with-safari-only On Safari the background is fixed with the content and it scrolls with the content, and so it stretches to the length (height) of the long page. –Ricardo Parker Oct 24

display:block; –fn79 Jun 12 '13 at 14:37 add a comment| Your Answer draft saved draft discarded Sign up or log in Sign up using Google Sign up using Facebook Sign Safari Background Color What is the most someone can lose the popular vote by but still win the electoral college? Function to find all occurrences of substring Quine Anagrams! (Cops' Thread) How to handle swear words in quote / transcription? Is there a way to block an elected President from entering office?

Safari Css Background Color

Giving change in smaller denominations so customers can tip? http://stackoverflow.com/questions/32417578/css-background-url-not-working-in-ios-chrome-and-safari-fine-on-desktop And don't forget to provide the background-position like in your question as well. –leymannx Nov 27 '13 at 13:38 | show 6 more comments up vote 3 down vote There is Safari Background Image Position To give it display: inline-block; solved the problem for me. Background Image Not Showing In Iphone Not the answer you're looking for?

How can I claim compensation? get redirected here Not the answer you're looking for? That way the content moves freely and I can control the background without the no-repeat option. More info about this here: http://www.w3.org/TR/CSS2/syndata.html#value-def-uri share|improve this answer answered May 13 '13 at 0:46 pzin 3,21121640 Perfect thank you! –jeffusu May 13 '13 at 14:13 This Div Background Image Not Showing Safari

Thanks though. ;) –Harmeet Jun 27 '13 at 12:01 add a comment| up vote 0 down vote I had the same problem. asked 3 years ago viewed 24801 times active 8 months ago Upcoming Events 2016 Community Moderator Election ends in 10 days Linked 0 CSS: background-position + padding not working in Safari Cables, Adapters, Ink Cartridges, Cell Phones, PC/Mac, Gaming Accessories and many more. navigate to this website W3C says you can use quotes or not, simple or double.

Most of the time, adding a negative z-index to your style, will solve the issue. Safari Browser Background Image Also saving them as non-interlaced png helps. eCyclog - The Gadget Monster.

How do I make an alien technology feel alien?

My boss asks me to stop writing small functions and do everything in the same loop How do I make an alien technology feel alien? Some image optimizers will automatically make jpgs progressive for online use. Here is the ‘new' but old way to write the code to display background images in Safari and iPhones background-image: url("images/bg-copy3.jpg"); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-width: 100% auto; Background Size Cover Safari good luck! 1111 points Submitted by Deana Ingraham Gurney over 4 years ago 0 votes permalink learningnewskill - That worked for me :) I got the tick but hovering didn't work.

I could see the three of spades, but it needed your fix to make it work. HEre is an example of an working image (jpg) http://cssdeck.com/labs/68urshrp This works (on iPad) so it shows the png needs edit share|improve this answer edited Jun 12 '13 at 16:00 answered It would be nice if there was some way to see if Apple (maybe WebKit?) recognizes it. –Whymarrh Feb 20 '14 at 6:40 to check if your image is my review here How can I claim compensation?

GO OUT AND VOTE Why can curcumin cross the blood-brain barrier, but not congo red? more hot questions question feed default about us tour help blog chat data legal privacy policy work here advertising info mobile contact us feedback Technology Life / Arts Culture / Recreation How do I solve level 41? Does the Rothschild family own most central banks?

I will post the solution separately, thanks for looking into it though, appreciate it. –Harmeet Jun 27 '13 at 11:46 add a comment| up vote 1 down vote accepted I converted Does 'noel' really have its origin in Latin? Anyhow... share|improve this answer answered Jun 17 at 6:21 Balvant Ahir 1168 add a comment| up vote 0 down vote Try this code. .bgMainpage{ background:url(../images/bg.jpg) no-repeat scroll right top #000000; -o-background-size: cover;

it still has that issue –fn79 Jun 12 '13 at 15:06 As I stated its the PNG –Riskbreaker Jun 12 '13 at 15:50 ...try taking a look Cables, Adapters, Ink Cartridges, Cell Phones, PC/Mac, Gaming Accessories and many more. Not the answer you're looking for? share|improve this answer answered Oct 23 '13 at 17:21 Mr Br 972514 2 useless for the right positioning when you don't know width / height of the element. –Vlad Nov

I have tried a number of variants (like background-position-x: right 6px), but nothing seems to work. I have applied background size cover as it is what the client wants.