Get a free trial // Grow your CSS skills // Land your dream job

Applying transparent image layer over the frame area

  • # September 23, 2009 at 1:10 am


    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" "">
    <html xmlns=""&gt;
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    background:url(transparent.png) repeat;
    border:2px solid black;

    <title>Main Frame</title>
    <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" />

    # 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


    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed