Warning: Function ereg() is deprecated in ..../includes/class_postbit.php(345) : eval()'d code on line 29

Warning: Function ereg() is deprecated in ..../includes/class_postbit.php(345) : eval()'d code on line 29

Warning: Function ereg() is deprecated in ..../includes/class_postbit.php(345) : eval()'d code on line 29
Having trouble to set a transparent div
Results 1 to 3 of 3

Thread: Having trouble to set a transparent div

  1. #1
    Join Date
    Jul 2009
    Location
    sepang
    Posts
    33
    Rep Power
    0

    Having trouble to set a transparent div

    Hi all, first sorry if this is not a right thread.

    I had a trouble to make the inside element of #transparent div to be not transparent. Dont know what Ive done wrong after so many hours try and didnt find a solution, so I decided to ask here.

    This is my html:
    <div id="transparent">
    <div id="preview">
    <p><a href="javascript:close_preview();">Close</a></p>
    <p><a href="#"><img id="preview_pic" src="" onclick="javascript:close_preview();" alt="click to close this preview"></a></p>
    <p>Avatar0001</p>
    </div>
    </div>
    And this is my css:
    div#transparent {
    display: none;
    position: absolute;
    background: #000;
    width: 100%;
    height: 150%;
    top: -200px;
    left: 0;
    z-index: 1000;
    filter:alpha(opacity=50);
    opacity:0.5;
    }
    div#preview {
    display: block;
    background: grey;
    margin: 15% 30%;
    text-align: center;
    border: 5px solid #c1c1c1;
    }
    #preview p {
    display: block;
    padding: 5px;
    color: #fff;
    }
    #preview img1 {
    display: block;
    padding: 5px;
    background: #fff;
    }
    i try to put this:
    filter:alpha(opacity=100);
    opacity:1;
    into each of div#preview, #preview p and #preview img but it didnt work out.

    Thank in advance guys
    need loan to pursue you study, look no further student-consolidationloan.co.cc | now I got ARTWORK

  2. #2
    Join Date
    Mar 2008
    Location
    pd
    Posts
    497
    Rep Power
    89
    I think display:none causes the element and its descendants to not be rendered at all, doesn't it? I've a feeling browsers do it by just 'dropping' the div from the layout.

    Do you get something better without it? I use 'visibility:hidden' to do something similar on one of my sites.

  3. #3
    Join Date
    Jul 2009
    Location
    sepang
    Posts
    33
    Rep Power
    0
    Thanks Seanie...

    I try your suggestion but it seem didnt solved it so then I try googling around and found this article

    Now I know the problem, cant make it non-transparent if its a child I guess...

    Why la I cant found it last night??

    Anyway thank for your helping Seanie
    need loan to pursue you study, look no further student-consolidationloan.co.cc | now I got ARTWORK

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Transparent Clear Sticker Printing
    By muqtada123 in forum Other Webmaster-related Services and Promotion
    Replies: 0
    Last Post: 13-06-2009, 03:30 AM
  2. Replies: 2
    Last Post: 21-02-2008, 07:43 PM
  3. trouble installing apache...
    By progmania in forum Website Programming
    Replies: 16
    Last Post: 14-08-2003, 09:00 AM
  4. Trouble Hosting
    By supra in forum Free Hosting Discussion Forum
    Replies: 0
    Last Post: 23-05-2003, 05:08 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search Engine Optimization by vBSEO 3.5.0 RC1 PL1

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47