Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity › Forums › Web Design (WordPress, Joomla, etc.) › Different Colors where elements overlap (CSS)

  • Web Design (WordPress, Joomla, etc.)

    Different Colors where elements overlap (CSS)

    Posted by Keith Carmichael on February 27, 2012 at 9:39 pm

    Hi, so the question I asked before has evolved somewhat.

    Here’s the effect I’m going for–the title “Il Cuore Canta” is green, but only where it overlaps the red div element:

    And here’s the progress I’ve made so far:

    https://www.liberocanto.org/ilcuorecanta/index2.html

    I did this by making the green text the BACKGROUND of the red div. Progress! It scales correctly with the browser zoom settings, so that’s good. However:

  • It needs to scroll when the page scrolls down, and
  • The green text needs to be on top of the title, not the other way around.

    • Any ideas?
    Can you ever send a text element UNDER the background of another div? Why aren’t the z-indices working?

Keith Carmichael replied 14 years, 2 months ago 1 Member · 0 Replies
  • 0 Replies

    Sorry, there were no replies found.

    Reply to this Discussion! Login or Sign Up

    We use anonymous cookies to give you the best experience we can.
    Our Privacy policy | GDPR Policy