复杂的CSS Text-Shadow和跨浏览器兼容性

Question

复杂的CSS Text-Shadow和跨浏览器兼容性

Par*_*roX 2 html css internet-explorer shadow css3

<html>
<body>
    <style type='text/css'>
        body {
            font: 100% myriad, arial, sans-serif;
            font-size: 12px;
            color:white; 
            font-weight:bold;
        }
        .shadowtext {
            text-shadow:-0.1em 0 0.1em #626262, 0.1em 0 0.1em #626262, 0 -0.1em 0.1em #626262, 0 0.1em 0.1em #626262;
        }
        .shadowtext_text {
            text-shadow:0 0 0.3em #000
        }
    </style>
    <DIV class="shadowtext">0 %</DIV>   
    <DIV class="shadowtext">10 %</DIV>  
    <DIV class="shadowtext">25 %</DIV>  
    <DIV class="shadowtext">95 %</DIV>  
    <DIV class="shadowtext">0123456789</DIV> <br>
    <DIV class="shadowtext_text">0 %</DIV>  
    <DIV class="shadowtext_text">10 %</DIV> 
    <DIV class="shadowtext_text">25 %</DIV> 
    <DIV class="shadowtext_text">95 %</DIV> 
    <DIV class="shadowtext_test">0123456789</DIV>   
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我试图让shadowtext_test模仿shadowtext文本阴影的外观,而不是过于复杂的长度.有人有主意吗？

另外......我希望它在所有浏览器上看起来都一样,或者至少IE7,IE8和更老的Firefox.任何人都知道解决这个问题的最佳方法.我没有看到使用过滤器在IE上进行多次模糊/阴影/发光的简单方法.

Answer 1

Kir*_*tan 8

相信我,如果你继续使用这个jQuery插件 (Link不再有效)会更好.因为,我们尝试过用CSS方式做的,我们几乎已经死了,试图让它在IE6/IE7/IE8/FF2/FF3/Safari中运行相同:DOH:

编辑

作为旁注,我们并没有100%成功地在所有浏览器中使用CSS和HTML调整来完成这项工作;(因此,根据我的说法,编写脚本是一种方法.你可以尝试我提到的jQuery库或者你可以使用亚历山大和杰森提到的那个.

归档时间：	16 年，6 月前
查看次数：	18470 次
最近记录：	15 年，5 月前