darren-w-
asked on
JQuery Plugin Rounded corners
I'm trying to get borders to display properly with this plugin:
http://jquery.malsup.com/corner/
On the page it says to use the keep option, but it does not give an option to specify what colour the border should be , if I specify the type of border in a stylesheet: like (border:1px solid #d4d4d4;) it shows the border great in firefox, but in ie6 and 8 it shows the border but not to the contours of the rounded box (ie square)
Has anyone had any experiences with this and can offer a solution?
Code Below
Darren
http://jquery.malsup.com/corner/
On the page it says to use the keep option, but it does not give an option to specify what colour the border should be , if I specify the type of border in a stylesheet: like (border:1px solid #d4d4d4;) it shows the border great in firefox, but in ie6 and 8 it shows the border but not to the contours of the rounded box (ie square)
Has anyone had any experiences with this and can offer a solution?
Code Below
Darren
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://github.com/malsup/corner/raw/master/jquery.corner.js?v2.11"></script>
<style>
#headerticket{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#c8d0d6');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#c8d0d6');
background: -moz-linear-gradient(top,#fdfdfd,#c8d0d6);
background:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#c8d0d6));
height:100px;
width:100px;
border:1px solid #d4d4d4;
}
</style>
<script type="text/javascript">
$(function(){
$('#headerticket').corner("keep");
});
</script>
</head>
<body>
<div id='headerticket'></div>
</body>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
found alternative solution
You can take a look at this msdn article where IE rounding corners is explained.
http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx