WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
No Shadows in IE8 (13 posts)

  1. LuukPotman
    Member
    Posted 1 year 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

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try using a CSS PIE plugin

  3. LuukPotman
    Member
    Posted 1 year 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" ?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  5. LuukPotman
    Member
    Posted 1 year 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

  6. Andrew
    Forum Moderator
    Posted 1 year 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.

  7. LuukPotman
    Member
    Posted 1 year 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);
    }

  8. Andrew
    Forum Moderator
    Posted 1 year 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);
  9. LuukPotman
    Member
    Posted 1 year 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);
    }

  10. danny_getextra
    Member
    Posted 1 year 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);
  11. LuukPotman
    Member
    Posted 1 year ago #

    Hello Danny

    so I type this ?

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

  12. LuukPotman
    Member
    Posted 1 year ago #

    when I type this

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

    it doesn't work....

  13. danny_getextra
    Member
    Posted 1 year 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);

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.