Home > Article > Web Front-end > IE11 CSS3圆角问题请教_html/css_WEB-ITnose
以下圆角代码单独一个文件 使用IE11运行,可以实现圆角,可我把代码用到我的页面中确实现不了
并且,我单独这个文件放到我服务器中,在运行改也是不能圆角,我是IIS服务器,ASP.NET
请问这是啥原因呢?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.phpernote.com/javascript-function/833.html"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>css3 圆角效果实例</title><style type="text/css">#round { padding:10px; width:200px; height:50px; border: 5px solid #666; background-color:#CCC; -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */}</style></head><body><div id="round">css3 圆角效果实例</div></body></html>
换种方式啊, 网上很多这样的圆角例子 .
浏览器 版本不一样吧?
浏览器 版本不一样吧?
换种方式啊, 网上很多这样的圆角例子 .
首先把你的doctype搞成html5的形式。。。。
首先把你的doctype搞成html5的形式。。。。
border-radius IE9+支持
现在解决了么?感觉我出现的情况更糟,原先不知道为什么圆角和canvas都不可以实现,然后又突然可以了,现在又不可以了。。。
ie11完美兼容css3……
html5的标准容器:
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title></head><body></body></html>