圆形边框IE10(兼容模式)

时间:2013-09-11 18:53:21

标签: javascript html css rounded-corners css3pie

我实际上正在建立一个主浏览器是Internet Explorer 10的网站。 他们设置了网站,因此导航模式设置为兼容IE10。 (当您按F12时,您可以看到此信息,信息位于底部)

所以我不想切换到导航器模式IE10,因为他们已经创建了一个界面,如果我改变它,它就会变得奇怪。

所以我要向你解释一下我试图让我的圆形边框起作用......它们的工作时间只有一半。

所以首先我尝试了border-radius,但没有成功。

所以我在互联网上找一个插件找到一种方法来制作一些圆形边框,我找到了CSS3PIE。

这就像一个可以制作圆形边框的JS插件。

就像我说的那样,它的工作时间有一半。 所以这个插件的css看起来像这样:

width:100px;
padding:20px;
top:0px;
position:relative;
vertical-align:top;
border:1px solid black;

-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
border-radius:4px 4px 4px 4px;
-webkit-box-shadow: 0px 0px 2px rgb(0, 0, 0);
-moz-box-shadow: 0px 0px 2px rgb(0, 0, 0);
box-shadow: 0px 0px 2px rgb(0, 0, 0);
behavior: url(http://blablabla/Pie2/PIE.htc) ;

正如您所看到的,我只需要将文件添加到css中,它就会自动执行所有操作。

我现在遇到的问题是,当我第一次加载页面时,所有内容都正确加载(边框),但是当我在网站上的标签之间切换时,有时边框会出现,而有些时候它们只是不会出现。 当它们没有出现时,我需要将鼠标悬停在元素上以使它们出现。 (我猜这是他们在JS中的功能)

那件事真的很烦人,这就是我想要解决的问题:) 当我切换标签时,我希望我的边框始终在那里!

如果您有任何其他解决方案,请随时通知我们!

感谢您的帮助!

__ _ __ _ ____ >

谢谢,他们希望留在IE10。你知道CSS3PIE等其他任何应用程序,我可以试着看看我是否有任何区别?

1 个答案:

答案 0 :(得分:0)

您可以将其放在网站的<head>部分:

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

这将禁用兼容模式并停止弄乱您的网站。