Medan de flesta stora browsers stödjer CSS ( Cascading Style Sheets ) egendom som kommer att göra HTML-element med böjda hörn , Internet Explorer 8 och under delar inte den här funktionen. Som har lämnat många webbutvecklare söker efter ett separat sätt att erbjuda böjda hörn i Internet Explorer utan att de allmänna omkostnaderna i sitt arbetsflöde . Lyckligtvis finns det flera JavaScript lösningar som finns att simulera beteendet hos CSS : s gräns-radie egendom
1 .
Anställa en plugin som jQuery Corner Plugin , om du är en utvecklare som redan använder jQuery på sin webbplats . Hämta plugin och placera filen (er ) på din webbserver och sedan , länk till dem i huvudet taggen på din sida. Till exempel , om filerna är i samma katalog som sidan :
ringer då jQuery funktion som kommer att runda hörnen i Internet Explorer , antingen inom ett skript tagg i huvudet på sidan eller i en extern JavaScript-filen . Med jQuery Corner Plugin , kan koden se ut så här :
$ hörn ( " bottom 20px " ) ;
Det första avsnittet inom parentes anger målet inslaget (s ) , i detta fall delar med klassen namnet " roundedBox . " Det andra avsnittet inom parentes är för alternativ . Alternativen är den typ av hörn , till hörnet eller hörn påverkas och radien på kurvan .
2 .
Välj en fristående lösning , som CurvyCorners JavaScript-bibliotek . Ladda ner och länkar till biblioteket i huvudet taggen på din sida . Till exempel :
Definiera sedan CSS border- radius attribut för element som bör ha rundade hörn .
roundedBox {
-webkit-border- radius : 20px ;
-moz-border- radius : 20px ;
}
Den första egenskapen är för WebKit-baserad webbläsare, inklusive Safari och Chrome , medan den andra är för Mozilla -baserade webbläsare såsom Firefox . CurvyCorners tolkar CSS , upptäcker dessa definitioner och tillämpar dem i Internet Explorer.
3 .
Utnyttja HTML Components , en mekanism som Microsoft utvecklat infoga dynamiskt beteende i sina webbsidor . Komponenterna är helt enkelt JavaScript- filer med en . HTC förlängning som bara påverkar Internet Explorer. En gratis . HTC -fil som lägger ett beteende för CSS border- radius egendom har släppts . Ladda ner filen och placera den på en tillgänglig plats på webben rymden , sedan lägga till ett " beteende " egendom som pekar på . HTC fil tillsammans med CSS som definierar gränsen radie egendom . Till exempel :
roundedBox {
-moz-border- radius : . 20px ;
-webkit-border- radius : 20px ;
gräns -radius : 20px ;
beteende : url ( border- radius. htc ) ,
}
Previous:nothing Next:hur man kommer åt kombinationsrutan i en fråga