CSS тень в IE

Question

filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);

Это линия, которая есть в моем CSS, и она дает тень, поэтому она хороша. Проблема возникает, когда я хочу то же самое на левой стороне тоже. Если я просто добавлю ту же строку снова и изменим ее, вторая строка будет выполнена только теперь, так как теперь тень есть слева, а не справа. Как я могу положить его с обеих сторон?

Примечание: это только для IE, он уже работает на Chrome и Mozilla.

Answer 1

Попробуйте сделать это:

<div style="width:240px; height:160px; padding:10px; filter:progid:DXImageTransform.Microsoft.Shadow(color='Red', Direction=135, Strength=4);">
    <div style="width:240px; height:160px; padding:10px; font:bold 13pt verdana; filter:progid:DXImageTransform.Microsoft.Shadow(color='Red', Direction=45, Strength=4); border:1px solid #000">
        This is the DIV content.
    </div>
</div>

Answer 2

К сожалению, вы не можете поставить его на обе стороны, я пробовал это раньше. Посмотрите на options для свойства direction.