Question

我试图给文字输入一个阴影＆amp;一个内部阴影，使用CSS3和box-shadow，你可以在这里看到我的代码，

.text {
        width:388px;
        line-height:37px; 
        height:37px; 
        box-shadow:inset 0px 4px 4px rgba(193, 209, 230, 0.58), 0px 2px 2px, rgba(255, 255, 255, 0.75);
        border-radius:10px; 
        background:#cdd6e6; 
        border:0 none; 
}

http://jsfiddle.net/3CBrm/

但是我的盒子阴影规则被忽略了，我做错了什么？

Answer 1

您似乎有额外的,：

...rgba(193, 209, 230, 0.58), 0px 2px 2px, rgba(255, 255, 255, 0.75);
                                         ^

在此修复之后，看起来你的影子就在那里，但它与背景颜色太相似了。

jsFiddle Demo

多个框阴影无法渲染

1 个答案: