admin管理员组

文章数量:1391987

Here's my page:

Take a look in IE8 and then IE7 (pat mode) and you will see the issue. The box on the right just disappears in IE8, but rounds perfectly in IE7.

I'm using jQuery curvy corners plugin JQuery Curvy Corners by Mike Jolley * * * * / *

Does anyone have an idea as to why this is happening?

Thanks

Jason

Here's my page: http://robynrowe.sanscode.

Take a look in IE8 and then IE7 (pat mode) and you will see the issue. The box on the right just disappears in IE8, but rounds perfectly in IE7.

I'm using jQuery curvy corners plugin JQuery Curvy Corners by Mike Jolley * * http://blue-anvil. * * http://code.google./p/jquerycurvycorners/ *

Does anyone have an idea as to why this is happening?

Thanks

Jason

  • javascript
  • jquery
  • html
  • css
  • curvycorners
Share Improve this question edited Mar 8, 2011 at 3:17 Hussein 42.8k25 gold badges115 silver badges143 bronze badges asked Mar 2, 2011 at 6:32 JasonJason 15.4k15 gold badges70 silver badges106 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 5

Use jQuery round corner plugin instead. I was once in your shoes and gave up on curvy corners.

http://jquery.malsup./corner/

It's supported in all browsers including IE. It draws corners in IE using nested divs (no images). It also has native border-radius rounding in browsers that support it (Opera 10.5+, Firefox, Safari, and Chrome). So in those browsers the plugin simply sets a css property instead.

Here's How to use it

You need to include the jQuery and the Corner js script before </body>. Then write your jQuery like $('div, p').corner('10px'); and place before ''. So your html will look like the below code. Here I'm making round corners for all div and p tags. If you want to do it for specific id or class then you can do something like $('#myid').corner();

<body>
    <div class="x"></div>
    <p class="y"></p>
    <script type="text/javascript" src="http://ajax.googleapis./ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://github./malsup/corner/raw/master/jquery.corner.js?v2.11"></script>
    <script>$('div, p').corner();</script>
</body>

Check working example at http://jsfiddle/VLPpk/1

The first clue that I find is that in IE8 the content of that div is not there anymore (after the jQuery processing). The div with class "border-pink box drawn" only contains another div with two other empty divs inside. Looking in the DOM you can't find the "Reward your tastebuds..." text anymore.

EDIT:

Noticed the js error too, here's a related thread http://groups.google./group/curvycorners/browse_thread/thread/d40ceb7c3bccec80

You need to check your filters apparently.

本文标签： javascriptjquery curvy corners problem not working in IE8Stack Overflow

版权声明：本文标题：javascript - jquery curvy corners problem not working in IE8 - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744758949a2623634.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。