Hi listers, Long time no speak.
At the link below is an image of a layout I am trying to do. I come across this frequently. A parent container with a bg image and a child content container. horizontally, this is pretty easy, however as a responsive component, mobile gets tricky. MOBILE: Content is 50% height of the parent. Parent's BG image is visible in the other 50% (top, lets say) but the image runs behind the content which has a translucent bg color. DESKTOP: Content is 50% width of the parent. Parent's BG image is visible in the other 50% (left) but the image runs behind the content which has a translucent bg color. How would you handle this in CSS only? I'd like it to not rely on a fixed height for mobile. https://cln.sh/a4nZxt Thanks in advance. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ css-discuss [css-d@css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
