SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2006
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    getting the opacity to apply only to the background in firefox

    hi all,

    i have a form, on a div with a partially transparent background so an image that's behind it will show through. unfortunatly, in firefox, it applys the opacity to the background and foreground of my div, meaning that my form is partially see-through, which makes it a bit unreadable. in ie, it applys the opacity to the background only, but i think the firefox method is the correct way its meant to work?

    i've tried nesting the form in another div, and also setting the new divs opacity to 1, but that doesn't seem to work. is there any way of getting firefox to only apply opacity to the background?

    i've attached an image so you see what i mean:


    thanks in advance

  2. #2
    SitePoint Enthusiast
    Join Date
    Jun 2006
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks all4nerds, it took a bit of working around to get it right in ie (had to give the opacity box and the text containing box the same height in order to get it to work - height:100% didn't seem to do anything).

    i think there should be an additional property fo r the opacity settting, to determine whether you just want it to affect the foreground or background. something like
    Code:
    opacity:0.5 fore;
    or
    Code:
    opacity:0.5 back;
    anyway, thanks for that!


Bookmarks

Posting Permissions

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