Streaming live at 10am (PST)

How to create static text on a page


#1

I thought I a nice setup with some static text and a changing slider behind it but when I tested it out here (http://quirktools.com/screenfly/#u=http%3A//rga.webflow.io/&w=768&h=1024&a=22&p=1) using the iPad simulator, the static text dropped into the paragraphs below.

Right now, the text in in the same container as the slider, and I've got it set to a negative top position and a higher z-index. Which, in my mind, should be sitting over-top of the slider at all times. Apparently Apple doesn't think so.

Is there a better/more widely accepted way to accomplish this so that it's more widely compatible?


Here is my public share link: LINK
Here is the live link


#2

Bump for help.

Does anyone know how to create text that sits a a top 'layer' over all other elements AND works on Apple devices/safari?


#3

Figured out what worked better. Using Margins is better than using position for all devices, especially i-devices.


#4

Place it in a div and give it an absolute position with a higher z-index ?


#5

Seems you fixed it. Site looks ok (on my end) via an ipad.


#6

Thanks @Revolution

I did put it in a DIV, which obviously didn't help out the 'position' element but did work for negative margins. Which may be a more simpler and wider compatible way of doing it. Thanks for the iPad test! that was important for me.


#7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.