css - box-shadow 和 box-radius 在 IE9 中不适用于特定屏幕

Question

我遇到了关于 box-shadow 和 box-radius css 属性的问题，它们在某些特定页面上无法正常工作。

我该如何解决这个问题？

请帮帮我。

下面是我正在使用的css

.button a { 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(204, 204, 204, 1);
-moz-box-shadow:    4px 4px 5px 0px rgba(204, 204, 204, 1);
box-shadow:         4px 4px 5px 0px rgba(204, 204, 204, 1);
margin-left:30px;
line-height: 20px;

padding:10px 10px;
background-color:#009e57;
display:block;
color:#fff;
text-align: center;
margin-bottom: 10px;
margin-top: 10px;

 }

Answer 1

好吧，尝试切换 button和 a标签。

• 据我所知，没有box-radius规则，也许你的意思是border-radius ?

• <a href="#"><button>Click Me</button></a> .

• CSS:a button { /* Your CSS */} .

• 如果仍有问题，请查看站点 Can I Use , 您可以检查每个 CSS 规则的浏览器兼容性。