第一次单击此处获取此站点的演示按钮已应用text-shadhow但未显示:
http://www.chineselearnonline.com/ver7
这是CSS:
#content .call-to-act a {
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #ffffff;
padding: 15px 21px;
width: auto;
height: auto;
text-align: center;
}
background: -moz-linear-gradient(
top,#e45b2d 0%,#e34e18);
background: -webkit-gradient(linear, left top, left bottom,from(#e45b2d),
to(#e34e18));
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
border-radius: 32px;
border: 1px solid #a04830;
-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 3px rgba(255,255,255,0);
-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 3px rgba(255,255,255,0);
box-shadow:0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 3px rgba(255,255,255,0);
text-shadow: 1px 1px 1px #000;
}
和HTML:
<div class="call-to-act">
<a href="http://www.chineselearnonline.com/demo/list.html">Click here for a Demo</a>
</div>
可能是什么问题?
答案 0 :(得分:4)
我没有看到任何问题。适用于Chrome和Firefox。我在你的代码中注意到了一个额外的}
可能就是这个问题(但是css根本不会起作用)。
附:您不需要-webkit-
或-moz-
。