No Shadows in IE8

  • LuukPotman

    (@luukpotman)


    11 years, 3 months ago

    Hello,

    I have a problem with the “Pinboard” theme. With IE8 I see no shadows on the right and left of the “middle column”. In Chrome and Firefox is it ok.
    Who knows the solution for this problem ?
    my site is http://www.luukpotman.nl (under construction)

    sorry for my bad english…

    regards Luuk

Viewing 12 replies - 1 through 12 (of 12 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

    Try using a CSS PIE plugin

    Thread Starter LuukPotman

    (@luukpotman)

    11 years, 3 months ago

    Thank you !! Andrew

    It works, in IE8 I see shadows now 🙂
    But the shadows are very dark….
    Can I change this with the plugin “IE CSS3 Support” ?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

    I don’t think so, try using a CSS3 Generator to create the shadow you want.

    Thread Starter LuukPotman

    (@luukpotman)

    11 years, 3 months ago

    Hello Andrew

    thx for your answer

    Now I have install the plugin “iE CSS Definer”
    It is possible now to type a css text

    I have found this text in my website
    #wrapper {
    box-shadow: 0 0 18px rgba(0, 0, 0, .4);
    }

    but it doesn’t work when I type it in “iE CSS Definer”

    what do I wrong ?

    regards Luuk

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

    Your style is being set in the webpage [screenshot], but perhaps you’re using the wrong CSS selectors?
    I don’t know if you are already, but try using a browser developer tool for this kind of exploratory CSS work.
    I use Google Chrome’s built-in Developer Tool and it’s really easy to expose the webpage’s underlying HTML and CSS.

    Thread Starter LuukPotman

    (@luukpotman)

    11 years, 3 months ago

    Hello Andrew

    Yes I use also the Chrome built-in tool to see the css code

    but I don’t know what to do now ??

    this css text (see under) makes the shadows (I have checked with the Chrome built-in tool)

    #wrapper {
    box-shadow: 0 0 18px rgba(0, 0, 0, .4);
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

    Try using these styles;

    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .4);
box-shadow: 0 0 18px rgba(0, 0, 0, .4);

    Thread Starter LuukPotman

    (@luukpotman)

    11 years, 3 months ago

    Andrew, thx again for your time

    I have try this (see under), but it doesn’t work…

    #wrapper {
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .4);
    }

    danny_getextra

    (@danny_getextra)

    11 years, 3 months ago

    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .4);
box-shadow: 0 0 18px rgba(0, 0, 0, .4);
    Thread Starter LuukPotman

    (@luukpotman)

    11 years, 3 months ago

    Hello Danny

    so I type this ?

    #wrapper {
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, .4);
    }

    Thread Starter LuukPotman

    (@luukpotman)

    11 years, 3 months ago

    when I type this

    #wrapper {
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, .4);
    }

    it doesn’t work….

    danny_getextra

    (@danny_getextra)

    11 years, 3 months ago

    Hi Luuk,

    Ok I.E is full of bugs and problems.

    There’s two solutions make the image have a shadow in any editting software.

    Or insert a filter on the style this one should work and give you a shadow of 135 Degree’s 

    /*internet explorer*/
background-color: #fff;
zoom: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=10)";
  /* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=10);
Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘No Shadows in IE8’ is closed to new replies.