This content has been marked as final.
Show 3 replies
-
1. Re: rounded corner problem in IE7 and IE 8
Ben Pleysier Sep 9, 2011 1:40 AM (in response to mahendra rajeshirke)Have a look here http://cookbooks.adobe.com/post_Rounded_Corners___Border_Radius__css3_and_IE_versi-18564.h tml
Gramps
-
2. Re: rounded corner problem in IE7 and IE 8
mahendra rajeshirke Sep 9, 2011 2:28 AM (in response to Ben Pleysier)hi, thnx for comments, but i got solutions, my rounded div now look fine in all ie 6,7,8 browser,
i just change the htc code as below
rect.style.zIndex = el_zindex - 1;
to
rect.style.zIndex = el_zindex + 100001;
because the roundrect tag is having minus z index.
byeeeeee
-
3. Re: rounded corner problem in IE7 and IE 8
mahendra rajeshirke Sep 11, 2011 10:00 PM (in response to mahendra rajeshirke)but again i had to face new problems i couldnt put text in it, a default black background was coming, so i changed two lines in htc file
this.style.background = 'transparent';
this.style.borderColor = 'transparent';so i created another div inside the cornered box and i have changed the conditional code for all ie browser as follow
<td align="center" valign="top" style="position:relative; height:50px; ">
<!--[if lt IE 7]><div class="box2" style="position:absolute; z-index:100000001; left:100px; top:0;"><div style="background-color:#fff;width: 414px;
height: 20px; z-index:100001; color:#000;z-index:10001"><![endif]-->
<!--[if IE 7]><div class="box2" style="position:absolute; z-index:100000001; left:100px; top:0;"><div style="background-color:#fff;width: 414px;
height: 20px; z-index:100001; color:#000;z-index:10001"><![endif]-->
<!--[if IE 8]><div class="box2" style="position:absolute; z-index:100000001; left:100px; top:0;"><div style="background-color:#fff;width: 414px;
height: 20px; z-index:100001; color:#000;z-index:10001"><![endif]-->
<!--[if gt IE 8]><!-->
<div class="box1" style=""><div style="background-color:#fff;width: 414px;
height: 20px; z-index:100001; color:#000;z-index:10001"><!--<![endif]-->
fdfdfdfd</div>
After step 2, your 10 year heart risk is <font size="2" >Medium.
</font>
</div>
</td>



