Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer: 2016-06-24 11:32:44
original
1323 Les gens l'ont consulté

以下圆角代码单独一个文件 使用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>
Copier après la connexion



回复讨论(解决方案)

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

浏览器 版本不一样吧?

浏览器 版本不一样吧?


就是同一台电脑,一样的

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


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

首先把你的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>
Copier après la connexion

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal