Ask Question Forum:
Model Library:2025-02-08:A.I. model is online auto reply
C
O
M
P
U
T
E
R
2
8
Show
#
ASK
RECENT
←
- Underline
- Bold
- Italic
- Indent
- Step
- Bullet
- Quote
- Cut
- Copy
- Paste
- Table
- Spelling
- Find & Replace
- Undo
- Redo
- Link
- Attach
- Clear
- Code
Below area will not be traslated by Google,you can input code or other languages
Hint:If find spelling error, You need to correct it,1 by 1 or ignore it (code area won't be checked).
X-position of the mouse cursor
Y-position of the mouse cursor
Y-position of the mouse cursor
Testcursor
caretPos
Attachment:===
Asked by duncanb7
at 2024-11-29 11:42:55
ModifyPoint: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
<!--conditional comments -->
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
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
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
<!--conditional comments -->
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
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:
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
The question is solved partially
Assisted Solution
Expert: hielo replied at 2024-12-15 14:19:34
250 points GOOD
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
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:
