English 中文(简体)
在 IE9 不工作的边框半径
原标题:Border Radius Not WORKING in IE9
  • 时间:2012-05-28 12:52:16
  •  标签:
  • html
  • css

边框半径在 IE9 不工作 。 以下属性 i 用于我的工程 。 同时我添加. HTC 文件 。

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(Styles/border-radius.htc); 
最佳回答
.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

IE9 将使用默认的边框- 半径, 所以只要确保您在您所有的样式中都包含这个, 称之为边框半径 。 然后您的网站将准备为 IE9 准备就绪 。

-moz-border-radius is for Firefox, -webkit-border-radius is for Safari and Chrome.

此外,不要忘了宣布你的 IE 编码是 e9:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

一些懒惰的开发商有 。 如果标签存在, 边框- radios 将永远无法在 IE 中工作 。

问题回答

使用使用

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

这是一条旧线,但对我没有帮助。我的解决方案是在页面中添加 HTML 5 doctype 声明 :

& lt;! DOCTYPE html>

其它HTML doctype声明也可能有效——我的问题是我正在生成完全没有 doctype声明的页面。

您需要把这个放入 HTML 信头

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

这里发现的答复ie9边界半径

ford-radius.htc broke normal border-radius in ie9, 包括以 control-radius.htc 文件在9以下的eis 版本和 有条件评论 的边界-radius.htc文件。

在IE9边界线上工作,没有任何行为档案。

这个答案也会帮助处理低版本的 ie,比如6,7,8,6,7,8。

使用 CSS Pie- & gt; < a href="http://css3pie.com/" rel=" no follow" > http://cs3pie.com/

这将允许您通常指定您的边框半径, 然后在您的 cs 中包含 pie. htc 脚本。 这神奇地使它在 IE6 中起作用 。 请看!

这也与其他 CSS3 属性如背景梯度一起工作。

也可以尝试将这个添加到您的头 - gt;

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

祝你好运!

border radius supported ie-7, ie-8, ie-9 via javascript check this tutorial how to show border radius in ie http://davidwalsh.name/css-rounded-corners

If you use at the same time border-radius with filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= ###### , endColorstr= ###### ,GradientType=0 ), just comment this filter.

无论你包括什么内容,或者你写边线线,在 ie9 中都行不通。 改变浏览器模式或文档模式从来不是一个解决方案, 因为它是客户的一方。 因此,我担心我的朋友没有合理的方法可以使边线在 ie9 中正常工作, 除非您接受 javascript 的帮助 。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!