CSS Div question

Out of context: Reply #5

  • Started
  • Last post
  • 17 Responses
  • tymeframe0

    You can do it with containing divs. Here's some rough code...

    <style type="text/css">
    #container #hidden {
    display: none;
    }
    #container:hover #hidden {
    display: block;
    }
    </style>
    </head>

    <body>
    <div id="container" style="width: 200px; height: 200px;">
    <p>visible</p>
    <div id="hidden" style="background-color: #0C3; width: 200px; height: 200px;">
    <p>visible on hover</p>
    </div>
    </div>

    • Dont think this will work. In yours, the hover state is actually "hoverable". That wont work for this.CygnusZero4
    • Nevermind, looks like it was the initial w/h that defined the hover area. This might work.CygnusZero4

View thread