分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

css – Internet Explorer 9(和10)正在向后渲染圆角

CSS   发布时间：2022-04-17  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – Internet Explorer 9(和10)正在向后渲染圆角，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
基本上它的作用是渲染右上角和右下角,而不是正确的顶部左下角.

这是css：

.formlabel,.formlabel2,.formhead{
    width:200px;
    font-size:18px;
    height:22px;
    font-weight:normal;
    BACkground-color:#FF8000;
    text-align:right;
    margin-top:5px;
    padding-right:1px;
    border:none;
    color:white;    
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

从我能够推导出来的,它发生是因为它们在另一个类中,具有方向：rtl属性.如果我将方向：ltr添加到上面的类,那么这些角是正确的. (您可以使用上述代码并添加方向来尝试此方法：rtl)

问题是网站是在希伯来语,所以我需要它保持rtl.

有任何想法吗？

解决方法

我会想到一个简单的解决方案是将条件注释放在< head>对于IE9使用你已经颠倒的css. 
<!--[if gte IE 9]>
    <style>
        .formlabel,.formhead{
            border-top-right-radius: 5px; /* switched from left */
            border-bottom-right-radius: 5px; /* switched from left */
        }
    </style>
<![endif]-->

如果您愿意,而不是在条件注释中使用样式,则可以链接到单独的外部样式表.

大佬总结

以上是大佬教程为你收集整理的css – Internet Explorer 9(和10)正在向后渲染圆角全部内容，希望文章能够帮你解决css – Internet Explorer 9(和10)正在向后渲染圆角所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：109cssexplorerinternet向后圆角正在渲染
猜你在找的CSS相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap