This property must be specified after background-position, separated with the '/' character. Safari on the other hand shows only the last. You'll see that Firefox for example shows every image except the fist one. Here are a few examples and a demo, to demonstrate that behavior. Regarding this, I would suggest to always use: background: url("background1.png") īackground-size: auto 749px /* or cover */ The support for background-size in the shorthand notation is also not very broad, as it's supported in Firefox 18+, Chrome 21+, IE9+ and Opera. To get it to work in shorthand notation it has to look like this: background: url() 0 0 / auto 749px Īlso note that there's a value called cover, which may be suitable and more flexible here: background: url() 0 0 / cover Many HEIC files already on my PC, even though Automatic was checked in Settings/Photos/TRANSFER TO MAC OR PC on my phone when they were taken, i.e. What you're trying to do is to set the position, but it will fail as auto is not a valid value for it. In recent wedding photos uploaded to my PC from iPhone to iCloud, some are jpg and some are HEIC and there are dupilcate file types of some photos. Your using the shorthand notation in which the background-size-property comes after the background-position-property and it must be separated by a /.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |