Home  >  Article  >  Web Front-end  >  IE11 CSS3圆角问题请教_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:32:441317browse

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

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