我正在尝试通过CSS3 PIE附加行为在IE中创建圆角。
这是我的CSS:
.fieldRow { clear:both; padding: 0; margin: 0; overflow: hidden; line-height:17px; } .alternate, .rowMousedOver { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(PIE.php); position: relative; } .rowMousedOver{ background-color: #E2E66D !important; } .alternate { background-color: #FCFEE8; }
这是一些示例HTML:
<div class="fieldRow alternate"> <div class="label"><label id="title_label" for="title"> Title: </label></div> <div class="fieldWrapper required text"> <div class="cellValue"><input type="text" onchange="validateField(this)" name="title" id="title" value="Tax Free Savings Accounts" disabled=""></div> </div> </div>
并通过JavaScript我添加rowMousedOver到fieldRow当它盘旋。
rowMousedOver
fieldRow
关于为什么这不起作用的任何想法吗?我也尝试使用behavior: url(PIE.htc),但也没有运气。
behavior: url(PIE.htc)
谢谢!
PIE.htc请求应使用MIME类型“ text / x-component”进行响应-否则IE不会影响其行为。您使用的PIE.php应该可以解决此问题。如果不确定是否是这种情况,请使用FireBug的Net功能检查对文件的直接请求。
还要注意,PIE.htc的路径是相对于HTML页面的-相对于您期望的css文件。因此,请考虑使指向.htc的路径成为绝对路径。FireBug可以在这里再次帮助您检测是否有404问题。