Home >Web Front-end >HTML Tutorial >Rounded corners CSS_html/css_WEB-ITnose

Rounded corners CSS_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:22:09937browse

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);


Reply to the discussion (solution : >

?Is anyone here??


Is it related to the server? No way!

Is it a DOCTYPE problem? It may be related to IE's compatibility mode.

IE9 should be valid, please check whether it is switched to "compatibility" mode.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn