Html 不适用于边界半径IE8

要实现IE8中的边界半径，我使用border radius.htc

要在其中正确工作的块realzovat边界半径：

.mc-button
{
    -moz-transition: all 0.218s ease 0s;
    -moz-user-select: none;
    background-color: #CBCBCB;
    background-image: -moz-linear-gradient(center top , #CBCBCB, #DCDCDC);
    border: 1px solid #DCDCDC;
    color: #FFFFFF;
    cursor: default;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 29px;
    line-height: 29px;
    min-width: 70px;
    padding: 0 8px !important;
    text-align: center;
    overflow: visible;
    font-family: inherit;
    font-size: inherit;
    float: left;
    text-decoration: none;
    display: block;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-outline-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial, Sans-Serif !important;
    behavior:url(Content/border-radius.htc);
}

根据附件列表-边框半径。htc连接到页面

你能告诉我怎么解决这个问题吗

更新（2012年6月13日）

如果代码被按钮替换：

.mc-button
{
    border: 1px solid #696;
    height: 29px;
    line-height: 29px;
    min-width: 70px;
    text-align: center;
    padding: 0 8px !important;
    overflow: visible;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    display: block;
    background: #00ADEE;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00ADEE), to(#0078A5));
    background: -webkit-linear-gradient(#00ADEE, #0078A5);
    background: -moz-linear-gradient(#00ADEE, #0078A5);
    background: -ms-linear-gradient(#00ADEE, #0078A5);
    background: -o-linear-gradient(#00ADEE, #0078A5);
    background: linear-gradient(#00ADEE, #0078A5);
    -pie-background: linear-gradient(#00ADEE, #0078A5);
    behavior: url("Content/PIE.htc");
}

并宣布：

<a id="login_button" class="mc-button mc-button-submit ">SomeText</a>

.mc-button-submit
{
    border: 0px solid #0076A3;
    background: #00ADEE;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00ADEE), to(#0078A5));
    background: -webkit-linear-gradient(#00ADEE, #0078A5);
    background: -moz-linear-gradient(#00ADEE, #0078A5);
    background: -ms-linear-gradient(#00ADEE, #0078A5);
    background: -o-linear-gradient(#00ADEE, #0078A5);
    background: linear-gradient(#00ADEE, #0078A5);
    -pie-background: linear-gradient(#00ADEE, #0078A5);
    color: #FFFFFF;
    text-align: center;
}

SomeText
.mc按钮提交
{
边框：0px实心#0076A3；
背景：#00ADEE；
背景：-webkit渐变（线性，0，0底部，从（#00ADEE）到（#0078A5））；
背景：-webkit线性梯度（#00ADEE，#0078A5）；
背景：-莫兹线性梯度（#00ADEE，#0078A5）；
背景：-ms线性梯度（#00ADEE，#0078A5）；
背景：-o-线性梯度（#00ADEE，#0078A5）；
背景：线性梯度（#00ADEE，#0078A5）；
-饼图背景：线性梯度（#00ADEE，#0078A5）；
颜色：#FFFFFF；
文本对齐：居中；
}

它消失了。添加到.mc按钮submit行行为：url（“Content/PIE.htc”）没有帮助

---

你能告诉我如何用背景参数连接第二个类吗？

单机版。htchack不能同时使用背景

渐变
和
边界半径

尝试用简单图像替换css
gradient
。这个把戏会奏效的

您还可以使用（感谢@dop-trois）——这个纯Javascript工具比独立的
.htc
文件更完美

PS.Inset
box shadow
s无法在两种解决方案中实现

PPS:您需要的代码如下：（我对其进行了一些修改，使其更有效、更正确）：

您应该确保正确地包含了
PIE.htc
（重要！）
相关问题





相应地，可能出现的问题可能是mime类型（“文本/x组件”）

可能的解决方案还包括：

position: relative;
z-index: 0;

要应用渐变和边界半径，我建议。这是我知道的在IEs中应用CSS3属性的最强大的工具

在以下位置应用渐变：
应用边界半径（以IEs为单位）：
你需要PHP来让它工作

在CSS3 Pie的网站上

顺便说一句：使用此工具可以同时应用边界半径和渐变；）

希望这有帮助：）
要应用渐变、框阴影和边界半径，我建议使用CSS3饼图。我在cook&smile项目中使用了它，它在IE中完全有效

*{ behavior:url(path/PIE.htc);}

.border_radius_div{ position:relative; -webkit-border-radius: 10px; -moz-border-radius: 10px;  border-radius: 10px;}

.gradient_div{ position:relative; 
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33); }

访问此网站以进一步了解自己


注:

不要忘记在使用边界半径、渐变和框阴影的地方使用位置（相对或绝对）

不要忘记使用
行为：url（xhtml\u folder/PIE.htc）

重要的是不要忘记将PIE.htc放在xhtml文件夹中
你下载并安装了.htc文件吗？如果我理解正确，它没有安装，只需使用：behavior:url（border radius.htc）连接即可；用于css3功能的右键和交叉键语法，以及制作交叉键渐变。我改进了您的风格，并提供了一些示例，说明下面的答案可以解决您的问题吗？在IE9中，删除并添加渐变黑色背景后，有第二个带圆角的块，然后是背景宣传。在IE8-a块中，一旦背景不可见以前，我无法回答。谢谢你的例子。我将PIE.htc文件连接到该项目。使用F12->Network已验证文件是否正确连接。由您自己的代码替换-角不圆。@SomeName我能看看您的示例吗？删除了附加类，这是按钮的渐变-成功了，谢谢）@Vladimir Starkov唯一的，请看，第一篇文章中的更新）这只可能用于PIE，而不是单机版
。htc
正确，就像我在回答中指出的那样“你需要PHP来让它工作。”谢谢，但是项目中没有使用PHP。HTC文件是纯javascript文件，不需要PHPsupport@dop-只有当您希望在服务器上预处理
css
时，才会在PIE中包含php文件
#myElement {
    background: #CCC; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#CCC) to(#EEE)); /*old webkit*/
    background: -webkit-linear-gradient(#CCC, #EEE); /*new webkit*/
    background: -moz-linear-gradient(#CCC, #EEE); /*gecko*/
    background: -ms-linear-gradient(#CCC, #EEE); /*IE10*/
    background: -o-linear-gradient(#CCC, #EEE); /*opera 11.10+*/
    background: linear-gradient(#CCC, #EEE); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#CCC, #EEE); /*PIE*/
    behavior: url(PIE.htc);
}​

#myAwesomeElement {
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(path/to/PIE.htc);
}​

*{ behavior:url(path/PIE.htc);}

.border_radius_div{ position:relative; -webkit-border-radius: 10px; -moz-border-radius: 10px;  border-radius: 10px;}

.gradient_div{ position:relative; 
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33); }