Internet Explorer 8 CSS Hack: Bakgrunnsbildet er ikke Lining Up

Når du designe ditt nettsted, kan du opprette et bakgrunnsbilde som definerer hvor elementer, for eksempel en tekstblokk eller en liste over linker, skal vises på siden. Med CSS, kan du style din HTML-elementer for å skape en følelse av overlappende justering. Hvis Internet Explorer 8 ikke justere objekter med bakgrunnen som utformet, kan du bruke det som er kjent som en CSS hack for å bøte på det.

Tilbakestille Marginene

Mange ganger, begrepet "CSS hack" refererer til ved hjelp av CSS midlertidige løsninger som vil imøtekomme til en bestemt nettleser, i dette tilfellet Internet Explorer 8. Du kan bruke bare noen CSS til IE 8 i flere metoder ved hjelp av betinget utsagn som serveren brukerne etter å bestemme besøkendes nettleser. For eksempel kan du angi en enkelt linje med tekst i CSS filen slik:

<Style type = "text / css">
[Hvis IE 8]

{
margin: 0;
padding: 0;
}
</ Style>

Alternativt kan du laste en hel stilark for IE 8 med følgende syntaks:

<! - [If IE 8]>
<Link rel = "stylesheet" type = "text / css" href = "ie8.css" />
<! [Endif] ->

Tilbakestille Marginene

Når bakgrunnsbilder og andre objekter ikke stille opp ditt nettsted, kan du prøve å tilbakestille marginer. Dette vil overskrive standard marginer mellom objekter og på selve siden, som kan variere mellom nettlesere. Følgende kode vil null marginer eller padding for ethvert element på siden i alle nettlesere:

{
margin: 0;
padding: 0;
}

Deretter kan du begynne koding nettstedet ditt slik at bakgrunnsbildet vil justere med overlappende objekter.

betraktninger

Null marginer eller padding vil gjelde for hvert element på siden din, slik at du er nødt til å spesifisere margene - mellomrommet mellom objektet kanten og dets inneholder eller gjenstander i nærheten - og polstring - avstanden mellom kanten av objektet og innhold innsiden av det - som standard for hvert element. Hvis nettstedet ditt inneholder mange elementer, kan du finne denne løsningen er ikke praktisk. Hvis du samkjøre noen elementer med relativ posisjonering, kan justeringen være enda mer utsatt for standardmarginer IE8. Vurder å bruke fast posisjonering, som vil plassere objektet i forhold til nettleservinduet, og ikke andre elementer, som kan variere i posisjon.

Justere bakgrunner

Med CSS, har du flere standardalternativer for å samkjøre bakgrunnsbilder i dine elementer, enten det elementet hvis selve siden eller en div lag. For eksempel kan du justere bakgrunnen til venstre, høyre eller sentrum. For mer presis justering, kan du bruke en prosent - av beholderen bredde eller høyde - eller definere eksakte piksler eller andre enheter motvirket av din bakgrunn fra den indre kanten av beholderen. I følgende eksempel, vil bakgrunnen begynne 10 piksler fra venstre og 200 piksler fra toppen, som kan hjelpe den på linje med andre innholdet på siden din.

div
{
background-posisjon: 10px 200px;
}