Nesen es uzrakstīju rakstu par CSS3: Noapaļotas CSS Corners , kas ir lielisks risinājums, lai radītu noapaļotiem stūriem. Tomēr, Internet Explorer pagaidām neatbalsta to, bet tur ir risinājums, kas šis raksts izskaidro.
Šādas divas saites pierādīt darba versiju un arī zip fails, lai jūs varat lejupielādēt visu nepieciešamo, lai iegūtu šo darbu.
HTML ir diezgan taisni uz priekšu un izmanto kodu no cita raksta - HTML5 pamācību: Darba sākšana .
Lai saņemtu noapaļotiem stūriem, kas strādā IE jums jQuery un jQuery stūra skriptu kuri abi ir iekļauti iepriekš minētajā zip failu, kas es esmu, tad atsauce uz HTML.
<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>
Tālāk jums vienkārši nepieciešams, lai pastāstītu pārlūks, kas stūros vēlaties noapaļot.
<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>
Ja jūs esat pazīstami ar CSS vispār, tad jums vajadzētu būt iespējai viegli redzēt, kā tas tiek piemērots, izmantojot JavaScript, jo mēs esam vienkārši izmantojot elementu, ID vai klases ietvaros pēdiņām atlasīt šo daļu HTML.
Kopsavilkums
Un tas viss notiek ar to. Jūs varat izveidot visu veidu noapaļotiem stūru efektu, kā redzams noapaļotiem stūriem demo vietā . Līdz šim, es vienmēr esmu izveidojis noapaļotiem stūriem, izmantojot šo metodi, bet redzot, vienkāršību šo jquery risinājumu, es esmu kārdinājums, lai pārslēgtos uz Internet Explorer vismaz un paļauties uz CSS3 uz WebKit un Mozilla pārlūkiem.
Ko jūs domājat? Vai jūs joprojām izmantojot attēlus ar sfēriskām stūra risinājumiem vai ir JavaScript un CSS3 metodes kļūst daudz plašākas izplatīšanās attīstības kopienā?
paldies Ram, šis risinājums palīdzēja man daudz. Meklē šādas labas rakstus no jums.