0
Under review

Fixed background-image, scrolling content css, not working in preview?

Snes0 7 years ago in General updated by Alexander Blach (Developer) 7 years ago 1

Hello! So I'm looking for some assistance on a minor issue. First off, here is my css (located under <style> block in my html document) code:


body {background-image: url(../../images1/image13.jpg); background-size: cover; background-attachment: fixed; background-position: center;}


I am trying to get a fixed, centered background with scrolling content. I have the same exact code using Atom Editor and there is no issue, however when trying to preview this in textastic, there is no scrolling effect for my content. Can anyone help? I can provide more info if needed! Thanks so much in advance!

Under review

Hello, what happens when you try to preview the HTML file in Safari (button in the top right corner -> Preview in Safari)?

Hello Alexander and thanks so much for the Super fast response! First off I want to say that I love this app and use it daily, it's truly awesome! Back to business now, I tried your suggestion and it's the same, and the image is actually even cut off towards the bottom leaving white space. Am I using the wrong code perhaps? Or too small an image maybe? I'm trying to have the background image fixed and fill the page no matter how long it may be, while having a scrolling content effect for the contents of my page. It's hard to convey things through text sometimes so if I'm not being clear or you need more info please let me know! Thanks again my friend!