Question

我对css3 border radius属性有一个非常奇怪的问题。如果我双击该文件并使用IE9打开，我的以下CSS和HTML可以正常使用IE9，但是如果我通过LOCALHOST（xampp在Windows 7上打包）打开文件的边框属性在IE中不起作用。同一文件在localhost上与其他浏览器一起正常工作。我该如何解决？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style media="all" type="text/css">@import "circle.css";</style>
</head>
<body>
<div class="exampleborderradiusf">F</div>
</body>
</html>

，CSS是：

.exampleborderradiusf {
    float:left;
    background-color: #464646;
    margin-top: 20px;
    margin-right: 40px;
    width: 70px;
    height: 70px;
    text-align: center;    
    -moz-border-radius: 35px;
    border-radius: 35px;
    color: white;
    font-size: 20px;
    position: relative;
    top: 20px;
}

感谢您的帮助。

Answer 1

您的本地服务器是否提供了具有正确MIME类型（text/css）的样式表？

Answer 2

当然，IE9仍处于测试阶段，因此会出现错误和不完整的功能。你可能偶然发现了其中一个。

我想不出有太多原因会导致CSS样式停止工作，而同一CSS文件中的其他人继续工作。

您是否检查过IE仍然处于IE9模式，而不是IE8-compat模式或类似的模式。我可以看到这种事情可能会根据区域而改变 - 我已经看到类似的事情发生在IE8中，其中有一个模糊的配置设置，可以使其在本地Intranet中浏览时切换到IE7-compat模式。

Answer 3

ackkk - 我刚刚发现了同样的奇怪 - 来自我的公共服务器的完全相同的页面渲染得很好 - 来自localhost - 没有border-radius

然后在您的页面上点击F12，您可能会发现由于某种原因，您的localhost文件以IE7模式显示所以我把它放在我的页面上：

meta http-equiv="X-UA-Compatible" content="IE=9000"

它奏效了需要进行更多的研究，但我认为你可以通过IIS实现自动化这个愚蠢的问题不是周五晚上的好方法

Answer 4

只是一个想法（但我从来没有听说过这样的问题）：请你试着像这样引用你的css文件：

<link rel="stylesheet" type="text/css" href="circle.css" />

而不是

<style media="all" type="text/css">@import "circle.css";</style>

编辑：是否正确应用了其他样式规则？如果是这样，请忽略我的想法......这是因为“整个样式表没有加载” - 你没有给出关于它的确切信息。

Answer 5

这只是一个想法，但不应该：

<style media="all" type="text/css">@import "circle.css";</style>

相反：

<style media="all" type="text/css">@import url("circle.css");</style>

当然，这不会（或者至少不应该）解释为什么样式表没有在本地加载;如果正在加载/应用border-radius以外的某些样式，则无论如何此答案都不适用。

CSS3 Border Radius属性在localhost中不起作用？

5 个答案: