SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    790
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Box Shadow Translator For IE

    I have a box shadow written (#content .shadow) that works well in most all browsers except for IE. I found an article showing the -ms-filter and -filter add ons but I cannot figure out how to translate or convert the different properties. With the -filter properties, I don't see that many options for blur, h-shadow, v-shadow, and spread. Does "strength" translate to "spread" and so on...?


    Code:
    .shadow { 
    -webkit-box-shadow: 0 -11px 22px -8px #777; 
    -moz-box-shadow: 0 -11px 22px -8px #777; 
    box-shadow: 0 -11px 22px -8px #777; 
    
    /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=0, Color='#777777')"; 
    
    /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=0, Color='#777777'); 
    
    }
    LINK-
    http://thisiswhereiplay.com/about-us/

    Thanks in advance to anyone who can help me out here.
    Todd
    Todd Temple > T2 Design

  2. #2
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,203
    Mentioned
    106 Post(s)
    Tagged
    1 Thread(s)
    Did you look here? http://msdn.microsoft.com/en-us/libr...(v=vs.85).aspx

    Out of curiousity - Does your site have the marketshare to require you to support below IE8? Is it worth your effort for a drop shadow?
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style

  3. #3
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    790
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by DaveMaxwell View Post
    Did you look here? http://msdn.microsoft.com/en-us/libr...(v=vs.85).aspx

    Out of curiousity - Does your site have the marketshare to require you to support below IE8? Is it worth your effort for a drop shadow?
    Dave, I did not look there but I will take a peek. Not sure about the marketshare requirement, but the client is using that specific browser; so that makes it important.
    Todd Temple > T2 Design

  4. #4
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,203
    Mentioned
    106 Post(s)
    Tagged
    1 Thread(s)
    ugh. understandable why you're supporting it but still - ugh.

    Here's another link you might find useful: http://hedgerwow.appspot.com/demo/shadow
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style

  5. #5
    Barefoot on the Moon! silver trophy
    Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,524
    Mentioned
    52 Post(s)
    Tagged
    1 Thread(s)
    I use this: http://css3pie.com/

    The filter property tends to be a pain to work with.
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  6. #6
    SitePoint Enthusiast
    Join Date
    Jul 2011
    Location
    Malaysia
    Posts
    74
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I hardly write the code my own, usually I relied on CSS generators.

    Box shadow tool:
    http://www.css3.me/ (IE7 and IE8 unsupported CSS3 element)

    If above tool not working, you may try the alternative generators
    http://www.alt.com.my/news/improve-w...ss-generators/
    Bored with reading SEO text article? Visit our blog,
    we collected interesting SEO Infographic.
    We are local SEO company in Kuala Lumpur, Malaysia.


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
  •