首页 >web前端 >html教程 >IE11 CSS3圆角问题请教_html/css_WEB-ITnose

IE11 CSS3圆角问题请教_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:32:441332浏览

以下圆角代码单独一个文件 使用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>



回复讨论(解决方案)

换种方式啊, 网上很多这样的圆角例子 . 

浏览器 版本不一样吧?

浏览器 版本不一样吧?


就是同一台电脑,一样的

换种方式啊, 网上很多这样的圆角例子 . 


我找了jquery.corner.js ,说支持IE8以上的,可我这边测试也不行哟,IE11

首先把你的doctype搞成html5的形式。。。。

首先把你的doctype搞成html5的形式。。。。


在开头改成nbsp;html>哇?还是一样的呢

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>

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn