jquery round image corner in IE7

Ask Question Forum:

Model Library:2025-02-08 Updated:A.I. model is online for auto reply question page

Show

ASK RECENT

jquery round image corner in IE7

Asked by duncanb7

at 2024-11-29 11:42:55

Point:500 Replies:3 POST_ID:828541USER_ID:11059

Topic:

jQuery;;JavaScript

I have studying Jquery round corner code from this site
http://www.dave-woods.co.uk/index.php/rounded-corners-in-internet-explorer/
Everything is fine and work for container or tag without image .

So next i try his javascript jquery.corner.js with my image for exmaple, jeans.jpg, but
only right top corner is rounded on jeans.jpg picture. So suppose top mean in
$("#box4").corner("top 30px"); that is rounding top-left & top-right corner but it fail just
round top-right corner
and I try $("#box4").corner("30px"); it round just top-right and bottom-right corner but not all
4 corners
Please advise any mistake I made on issue

And I don't know why the author put the statment



in the index.html for what ? why it is related to HTML5 ?

Please advise two question, and thanks

(Note:I have no issue for rounding image on IE9,firefox, chrome, opera if using -ms -moz -wek ..border-radius, the issue is only on IE7 or earlier version)
Duncan

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>Page Title</title><style></style><!-- meta tags --><meta name="keywords" content=""><meta name="description" content=""><!-- stylesheets --><!-- javascript --><script src="js/jquery-1.3.2.min.js"></script><script src="js/jquery.corner.js"></script><script>$("#box4").corner("top 30px");//$("#box4").corner("30px");</script><!--conditional comments --><!--[if IE]>	<script src="js/html5.js"></script><![endif]--></head><body class="home"><div id="box4"><img  src="www.mysite.com/jeans.jpg"></div></div></body></html>

1:2:3:4:5:6:7:8:9:10:11:12:13:14:15:16:17:18:19:20:21:22:23:24:25:26:27:28:29:30:31:32:33:34:35:36:37:38:39:40:

Select All Code

Attachment:jquery.corner.jsindex.htmljeans.jpgie-rounded-corners.zipproblem-corner.gif

Author: duncanb7 replied at 2024-01-04 10:56:04

THanks for your reply. That is not related to HTML5
The question is solved partially

Assisted Solution

Expert: hielo replied at 2024-12-15 14:19:34

250 points GOOD

Care for some pie?

http://css3pie.com/

Accepted Solution

Expert: Rob Jurd replied at 2024-12-05 20:44:22

250 points GOOD

IE7 or earlier version did not know about the html5 standard and hence did not know about "rounded" corners. It still isn't fully standardized and not all of CSS version 3 is supported in all browsers hence having to use -moz, -ms, corner-radius etc

IE also recognises conditional statements in HTML and can load different javascript (for instance). This is given because IE7 and previous versions do not natively support html5 attributes. the html5.js library is able to somewhat get around these issues and mimics the effects

<!--conditional comments --><!--[if IE]>      <script src="js/html5.js"></script><![endif]-->

1:2:3:4:

Select All Code

新聞財經娛樂♬資訊 News Economy

About Us|Service|Pricing

Stock Index全球即時指數期貨:

&nbps;

News即時新聞:↓

News即時新聞:↑

On Balance Volume (OBV):

Youtube Video♬ Sharing by members:↓

Youtube Video♬ Sharing by members:↑

Ask Question Forum:

jquery round image corner in IE7

Your Information

Members/Profolio