Javascript jquery'；s圆形插件+；边境_Javascript_Jquery_Jquery Plugins_Css

Javascript jquery'；s圆形插件+；边境

javascript jquery jquery-plugins css

Javascript jquery'；s圆形插件+；边境,javascript,jquery,jquery-plugins,css,Javascript,Jquery,Jquery Plugins,Css,我想知道如何在IE中获得圆角div（带边框）根据jquery插件jquery.corner.js，这项工作将非常容易实现！但是，我不能使一个圆角div“与边界”工作在InternetExplorer大于5 以下代码仅用于测试目的 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>somepage</tit

我想知道如何在IE中获得圆角div（带边框）

根据jquery插件jquery.corner.js，这项工作将非常容易实现！但是，我不能使一个圆角div“与边界”工作在InternetExplorer大于5

以下代码仅用于测试目的

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>somepage</title>

<script type="text/javascript" src="classes/jquery.js"></script>
<script type="text/javascript" src="classes/jquery.corner.js"></script>

<script type="text/javascript">
    $("#teste").corner("round 8px").parent().css('padding', '3px').corner("round 10px");
</script>

<style type="text/css">
.demo{
    height: 34px;
    width: 450px;
    background: blue;
}

</style>

</head>
<body bgcolor="green">

<div id="teste" class="demo">
</div>

</body>
</html>


某页
$（“#teste”）.corner（“round 8px”）.parent（）.css（“padding”，“3px”）.corner（“round 10px”）；
.演示{
高度：34px；
宽度：450px；
背景：蓝色；
}

我做错了什么？

非常感谢，一如既往。

你试过了吗？

我建议你用CSS的方式来做

你到这里来为你的角落选择颜色。

一旦完成，这将为您提供所需的css以及如何使用它的示例代码。它应该在所有浏览器中都能很好地工作。我用过。不需要图像

以下是示例样式：

<style type="text/css">
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#b20000}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #870000;
  border-right:1px solid #870000;
  background:#9f0000}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #6f0000;
  border-right:1px solid #6f0000;
  background:#a30000}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a30000;
  border-right:1px solid #a30000;}
.spiffy4{
  border-left:1px solid #870000;
  border-right:1px solid #870000}
.spiffy5{
  border-left:1px solid #9f0000;
  border-right:1px solid #9f0000}
.spiffyfg{
  background:#b20000}
</style>


.spiffy{display:block}
斯皮菲先生*{
显示：块；
高度：1px；
溢出：隐藏；
字体大小：.01em；
背景：#b20000}
spiffy1先生{
左边距：3倍；
右边距：3倍；
左侧填充：1px；
右侧填充：1px；
左边框：1px实心#870000；
右边框：1px实心#870000；
背景：#9f0000}
spiffy2先生{
左边距：1px；
右边距：1px；
右侧填充：1px；
左侧填充：1px；
左边框：1px实心#6f0000；
右边框：1px实心#6f0000；
背景：#a30000}
spiffy3先生{
左边距：1px；
右边距：1px；
左边框：1px实心#30000；
右边框：1px实心#a30000；}
.斯皮菲4{
左边框：1px实心#870000；
右边框：1px实心#870000}
斯皮菲先生{
左边框：1px实心#9f0000；
右边框：1px实心#9f0000}
spiffyfg先生{
背景：#b20000}

以下是如何使用它：

<div>
  <b class="spiffy">
  <b class="spiffy1"><b></b></b>
  <b class="spiffy2"><b></b></b>
  <b class="spiffy3"></b>
  <b class="spiffy4"></b>
  <b class="spiffy5"></b></b>

  <div class="spiffyfg">
    <!-- content goes here -->
  </div>

  <b class="spiffy">
  <b class="spiffy5"></b>
  <b class="spiffy4"></b>
  <b class="spiffy3"></b>
  <b class="spiffy2"><b></b></b>
  <b class="spiffy1"><b></b></b></b>
</div>

快乐造型