rsms / raster

Raster — simple CSS grid system
https://rsms.me/raster/
MIT License
812 stars 43 forks source link

Overlay cells with z-index #9

Open kraiovsky opened 4 years ago

kraiovsky commented 4 years ago

Hi, Love the framework so far!

Question - can I overlay cells using z-index? Looks like z-index has no effect and the cell is being pushed to the next cell in the grid.

Example with Raster: Codepen Example w/o Raster: Codepen

Thank you!

rsms commented 4 years ago

I don’t see why not. Raster only sets grid properties on the r-cell and r-grid elements.

Looking at the Codepen examples, I’m not sure I understand what they are doing..? For both of them I see a single outlined rectangle with the text “One” inside.

Screen Shot 2020-01-14 at 11 38 52 Screen Shot 2020-01-14 at 11 38 48
kraiovsky commented 4 years ago

sorry it was not obvious - hover over that element. I have fixed it a bit now.

in "w/o raster" example, element "I am on the top" is rendered over "hover me" element however, in "with raster" example, element "I am on the top" displaces "hover me" element

does it make sense?