IE中的JQuery fancybox圆角问题

Fancybox圆角出现在除IE之外的所有浏览器中，代码如下

 jQuery('#fancybox-inner').css({'-moz-border-radius':'10px', '-webkit-border-radius':'10px', 'border-radius':'10px'});
           jQuery('#fancybox-outer').css({'-moz-border-radius':'10px', '-webkit-border-radius':'10px', 'border-radius':'10px'});
     jQuery('#fancybox-wrap').css({'-moz-border-radius':'10px', '-webkit-border-radius':'10px', 'border-radius':'10px'});

如何在IE中为fancybox获得圆角

以下是我的代码：

请找到左边的“呼叫我们”按钮，当您点击它时，它将加载花式盒子

谢谢 Yasin

IE 7，8边界半径属性。 试试。

IE 7、8边界半径属性。

---

试试。

正如Lex提到的，IE不支持border radius属性，对于IE，您需要使用图像（每个圆角的图像）进行圆角处理，并将其放置在所需的角上

---

正如Lex提到的，IE不支持border radius属性，对于IE，您需要使用图像（每个圆角的图像）进行圆角处理，并将其定位到所需的角上

---

我很幸运：

   $("a.fancy").fancybox({
  'titlePosition' :  'inside',
  'overlayShow' : true,
  'overlayOpacity': 0.5,
  'overlayColor' : '#000',
  'onComplete' : function() {
   DD_roundies.addRule('#fancybox-title', '5px', true);
   DD_roundies.addRule('#fancybox-outer', '10px', true);
  }
 });

---

在我使用的地方

我很幸运：

   $("a.fancy").fancybox({
  'titlePosition' :  'inside',
  'overlayShow' : true,
  'overlayOpacity': 0.5,
  'overlayColor' : '#000',
  'onComplete' : function() {
   DD_roundies.addRule('#fancybox-title', '5px', true);
   DD_roundies.addRule('#fancybox-outer', '10px', true);
  }
 });

---

在我使用的地方，我建议您使用CSS3 PIE JS插件：

您只需通过添加以下内容在站点上实现插件：

<!--[if lt IE 9]>
<script type="text/javascript" src="js/pie.js"></script>
<script type="text/javascript" src="js/ie.js"></script>
<![endif]-->

---

瞧，您现在在IE7和IE8中有了圆角。

我建议您使用CSS3 PIE JS插件：

您只需通过添加以下内容在站点上实现插件：

<!--[if lt IE 9]>
<script type="text/javascript" src="js/pie.js"></script>
<script type="text/javascript" src="js/ie.js"></script>
<![endif]-->

---

瞧，你现在在IE7和IE8中有了圆角。

我最终用fancyBox v2实现了这一点。我的方法基于user1167656的方法（谢谢！）：

将CSS3 PIE插件js版本的插件添加到IE<9的站点：

<!--[if lt IE 9]>
<script type="text/javascript" src="html/script/PIE.js"></script>
<![endif]-->

在fancy框中，附加js代码捕获afterShow回调并添加以下代码：

$.fancybox({

    <other fancyBox options here>

    'afterShow': function(){
        if (window.PIE) {
            $('.fancybox-skin').each(function() {
                PIE.attach(this);
            });
        }
    },

    <other fancyBox options here>

});

$.fancybox({
“afterShow”：函数（）{
if（窗口派）{
$（'.fancybox skin'）。每个（函数（）{
附上（这个）；
});
}
},
});

这在IE8中对我有效

---

查尔斯。

我最终用fancyBox v2实现了这一点。我的方法基于user1167656的方法（谢谢！）：

将CSS3 PIE插件js版本的插件添加到IE<9的站点：

<!--[if lt IE 9]>
<script type="text/javascript" src="html/script/PIE.js"></script>
<![endif]-->

在fancy框中，附加js代码捕获afterShow回调并添加以下代码：

$.fancybox({

    <other fancyBox options here>

    'afterShow': function(){
        if (window.PIE) {
            $('.fancybox-skin').each(function() {
                PIE.attach(this);
            });
        }
    },

    <other fancyBox options here>

});

$.fancybox({
“afterShow”：函数（）{
if（窗口派）{
$（'.fancybox skin'）。每个（函数（）{
附上（这个）；
});
}
},
});

这在IE8中对我有效

---

Charles。

尝试添加元标记

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

---

在你的头部。这可能会解决您的问题。

尝试添加元标记

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

在你的头部。这也许能解决你的问题