58
में सीएसएस गोलाकार कोनों में मुझे आईई 8 में गोलाकार कोनों के साथ समस्याएं आ रही हैं। मैंने सफलता के बिना कुछ तरीकों की कोशिश की है।आईई 8
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding: 2px;
margin: 2px;
color: #505050;
line-height: normal;
}
p {
margin: 4px;
}
.categoryheading3 {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-color: #297BB6;
color: #FFFFFF;
font-size: 16px;
font-weight: 700;
padding: 8px 0;
text-align: center;
margin: 0px;
}
.leftcolumn {
width: 174px;
padding: 8px;
float: left;
display: inline-block;
background-color: transparent;
/*--min-height: 500px*/
overflow: hidden;
}
.lefttop {
display: inline-block;
width: inherit;
margin: 0 5px 2em 0;
float: left;
width: 160px;
background-color: #FFFFFF;
border: 2px solid #297BB6;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
</style>
</head>
<body>
<div class="leftcolumn">
<div class="lefttop">
<H4 class="categoryheading3">Heading</H4>
<p>sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text </p>
</div>
</div>
</body>
</html>
कौन सा फ़ायरफ़ॉक्स में इस का उत्पादन:
लेकिन इस IE8 में:
यहाँ मेरी कोड है
किसी को कोई सुझाव है तो मैं बहुत आभारी रहूंगा!
संपादित करें: (संस्करण 9 के तहत)
.categoryheading3 {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
behavior: url(PIE.htc);
background-color: #297BB6;
color: #FFFFFF;
font-size: 16px;
font-weight: 700;
padding: 8px 0;
text-align: center;
margin: 0px;
}
ऐसा लगता है कि आपके सीएसएस में मानक सीमा-त्रिज्या संपत्ति – ph33nyx
आपकी आईई 8 स्क्रीनशॉट वास्तव में मेट्रो यूआई आईएसएच दिखती है :) – Nikhil