www.webdeveloper.com
Results 1 to 3 of 3

Thread: Body Background image paler not other elements of page

  1. #1
    Join Date
    Oct 2012
    Posts
    1

    Body Background image paler not other elements of page

    Hi all,

    I make one home page. in that there is background image in body tag through the css and on hover of menu i want that image more transparent that original without affecting the other element of given page.

    Can anyone help me for this????

    Thank You....

  2. #2
    Join Date
    Oct 2012
    Posts
    78
    Just wrap the image in a

    HTML:
    Code:
    <DIV id ="transImg"><img scr="example.jpg" alt ="meerkat"></DIV>
    CSS Code:
    Code:
    div.transImg
    {
    opacity:0.4;
    filter:alpha(opacity=40); // For IE8 and earlier 
    }

  3. #3
    Join Date
    Apr 2012
    Posts
    8
    ya I agree with the theoker
    Please set the opacity attribute for the image on hover. But becareful it won't work in all the browsers.

Thread Information

Users Browsing this Thread

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

Posting Permissions

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



Recent Articles