Home >Web Front-end >HTML Tutorial >Rounded corners CSS_html/css_WEB-ITnose
The rounded corner code is tested normally on my computer. When I put it on the server, Chrome works fine, but IE 9 has no effect. It’s strange
width:200px; height:300px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border: 1px solid rgba(0, 0, 0, 0.2); border-bottom-color: rgba(0, 0, 0, 0.3); border-right-color: rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #ffffff; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
Is it related to the server? No way!
IE9 should be valid, please check whether it is switched to "compatibility" mode.