Grow your CSS skills. Land your dream job.

Applying transparent image layer over the frame area

  • # September 23, 2009 at 1:10 am

    Hi,

    I’ve tried and tried in vain to apply a transparent layer over my frame.

    Here’s my code which I hope someone can dissolve the problem. Many thanks.

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"&gt;
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    </head>
    div.background
    {
    width:500px;
    height:250px;
    background:url(transparent.png) repeat;
    border:2px solid black;
    }
    </body>
    </html>

    –>
    <title>Main Frame</title>
    </style>
    </head>
    <div class="background">
    <frameset rows="90,*" cols="*" frameborder="no" border="0" framespacing="0">
    <frame src="Frame-With Co header.html" title="win-main" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
    <frameset rows="*" cols="*,175" framespacing="0" frameborder="no" border="0">
    <frame src="Assignment-Travel1.html" title="win-main" name="mainFrame" id="mainFrame" title="mainFrame" />
    <frame src="TravelHotDealsFrame.html" name="rightFrame" scrolling="No" noresize="noresize" id="rightFrame" title="rightFrame" />
    </frameset>
    </frameset></div>
    <noframes><body>
    </body></noframes>
    </html>

    # September 23, 2009 at 1:57 am

    applying a background image puts the image behind all of the content hence your frameset covering it up.

    # September 23, 2009 at 2:17 am

    Hi,

    Tks for your pointer.

    Sorry I am really new and am trying to carve a new career in this area. So much things to learn!!!

    Do you mind let me know how should I write my code on that portion then?

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".