question

Scott Schafer avatar image
Scott Schafer asked

CSS Background-image not working.

Hi, I have a background-image attached to the tag using CSS3 and it will not appear in my Kindle Fire HD. It works fine in other browsers, just not my Kindle. If I attach the image to the tag it can be seen, only it is fixed at the bottom of the viewport. I do have my viewport set in the meta data to Any suggestions would be greatly appreciated! body { background-image: url(' my_picture.png'); background-size: 60%; background-repeat: no-repeat; background-attachment: fixed; background-position: center; } Thank You, Scott
fire tablet
10 |5000
Toggle Comment visibility. Current Visibility: Viewable by all users

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

1 Answer

Scott Schafer avatar image
Scott Schafer answered
I was able to narrow this down to the – background-position: center; -- in my CSS. When I change it to background-position: top; the image shows up. If I change it back to center or to bottom the image disappears. If I used pixel coordinates or percentages to position the image towards the top of the viewport the image would show up. But when I changed those coordinates to position the image towards the center the image disappeared again. I played around with the – overflow: and z-index: -- but neither made any difference. I’m guessing that it has something to do with the way Silk is rendering the CSS. Good Luck, Scott
10 |5000
Toggle Comment visibility. Current Visibility: Viewable by all users

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.