SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    ::==:: Bonzo_CS's Avatar
    Join Date
    Dec 2003
    Location
    (Cardiff Wales)
    Posts
    747
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Blurred Background

    Hi All,

    I don't know if this is possible, but thought I'd ask anyway....

    I am looking to create a floating div box where it will not only have the opacity set, but will also blur the content underneath the element itself? This has a glass like effect? Does anyone know if this is possible?

    Cheers

  2. #2
    SitePoint Zealot the DtTvB's Avatar
    Join Date
    Jul 2006
    Location
    Thailand
    Posts
    162
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Possible in Internet Explorer.

    Code JavaScript:
    (your_element).style.filter='progid:DXImageTransform.Microsoft.Blur'

    your_element should be a container that handles the rest of the page. It should have the CSS width property set to "100%". (Or it may not work.)

  3. #3
    ::==:: Bonzo_CS's Avatar
    Join Date
    Dec 2003
    Location
    (Cardiff Wales)
    Posts
    747
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks DtTvB,

    Not sure if I want it just for IE users, so may just have to comprimise using the opacity in CSS for now.


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
  •