Support » Plugin: Tippy » Box Shadow doesn't work with IE

  • For me, the Box shadow doesn’t work with IE. To fix this, open the tippy css and replace

    border-radius: 5px;
     box-shadow: 0px 0px 3px #888, 4px 4px 6px #888;

    with

    zoom: 1;
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2);
        -moz-box-shadow: 0 0 5px #222; /*Mozilla-basierte Browser (z.B. Firefox)*/
        -webkit-box-shadow: 0 0 5px #222; /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
        box-shadow: 0 0 5px #222; /*CSS3 Standard*/

    Just in case somebody has the same problems like me

    Source: http://mariofink.de/artikel/css3-box-shadow-fuer-internet-explorer-6-8

    http://wordpress.org/extend/plugins/tippy/

  • The topic ‘Box Shadow doesn't work with IE’ is closed to new replies.