javascript - 圆 Angular 边框 IE10(兼容模式)

标签 javascript html css rounded-corners css3pie

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

所以我不想切换到 Navigator 模式的 IE10,因为他们已经做了一个界面,如果我改变它,它就会变得很奇怪。

所以我要向您解释我是如何让我的圆形边框起作用的……它们有一半的时间起作用。

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

然后我在互联网上寻找一个插件来找到制作一些圆形边框的方法,然后我找到了 CSS3PIE。

这个好像是一个可以制作圆 Angular 边框的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 吗?

最佳答案

你可以把它放在 <head> 上您网站的部分:

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

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

关于javascript - 圆 Angular 边框 IE10(兼容模式),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18749064/

相关文章:

javascript - 在新变量中使用变量

javascript - Highcharts + Angularjs : Graph doesn't redraw when adding series from an external event

JavaScript 函数式编程 : How to handle fetch (for pipes)

html - Firefox:删除表格单元格周围的线

jquery - jQuery DOM 选择类元素时出现问题

html - div 不会 float 在前面的非 float div 旁边

javascript - parent 的 jQuery parent

html - 网页高度在移动浏览器中被拉伸(stretch)

css - 移动 View 中的响应能力丧失

html - 如何设置与主要内容重叠的粘性页脚背景?