Expressant TI

Heu notat a vegades, les coses simples només es nega a treballar en IE6 ... location.href és només una cosa.

Si heu afegit una funció onclick a la seva etiqueta d'àncora, com a continuació ...

<a href="javascript:void(0);" onclick="onClickLink('xxx');"> anar a la nova ubicació </ a>

Amb una funció com aquesta ...
funció de onclickLink (id) {
var URI = "test2.html id =?" + id;
window.location.href = URI;
}

A la seva ironia, s'adonaria que aquest tros de script senzill es nega a treballar en l'IE ... Bé! Puc parlar de les raons aquí, però no crec que valgui la pena ... Encara que, em sembla que té una solució ... (Aposto a que si vostè entén Javascript, vostè comprendrà, de manera que afegir el procediment per IE6)

La solució

<a href="javascript:void(0);" onclick="onClickLink('xxx'); retorn false; "> anar a la nova ubicació </ a>

Si vostès, les respostes simples, si us plau, escriure un comentari. Realment es appretiated, aposto a que, per molts!

Si vostè ha estat escrivint CSS per un temps, vostè hauria d'experimentar aquests moments en què, literalment, tirar del seu cabell quan els seus dissenys CSS es veia bé en tots els nous navegadors (em refereixo als navegadors molt tard el IE6), però l'IE 6 té una rebequeria. Vostè lluitar dur per ajustar el CSS, però no funciona ... Bé! Proveu aquests trucs ...

1. Destacar Hack: -
Per definició, l'especificació de CSS 2.1 permet subratllat ("_") en els identificadors de CSS. No obstant això, molts navegadors encara semblen ignorar qualsevol identifica procedir amb un guió baix, però l'IE. Aquest error de l'IE / funció es converteix així en una forma molt clara per establir les propietats CSS de l'IE només. per tal de recordar, una propietat CSS per escrit amb el guió en el començament és visible per a Internet Explorer (totes les versions de l'IE, però 7)

#box {
min-height: 300px;
height: auto;
_height: 300px; /* all IE versions less than version 7 */
...
}

Veure demostració d'aquest guió truc

A més, el hack min-height per IE6 utilitza el truc de subratllat, fes una ullada a

2. Coixinet (#) Hack: -
Igual que el guió truc, aquest és també és per IE Oly, amb una bona diferència, els identificadors de propietat que comencen amb un # al començament és visible per a totes les versions de l'IE, IE7 inclòs i és invisible per a qualsevol navegador estàndard d'un altre.

.obj_container {
display: table-cell;
vertical-align: middle;
#position: absolute; /* For IE only */
#top: 50%; /* For IE only */
#left:50%; /* For IE only */
}

Aquest truc s'ha fet servir molt bé per demostrar un navegador transversal vertical alinear solució, fer una ullada a aquest article per esbrinar més

3. CSS per IE6 només: -
#my_bad_behaving_div {
/*something for all browsers*/
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #my_bad_behaving_div{
/*something for IE6 only*/
}

Aquests hacks sembla enviat del cel, quan només funciona ... Si algun d'aquests trucs et salva la vida algun dia, no s'oblidi de que em tractin a un cafè :)

Vaig tenir aquest problema en què, si vostè tingués un esdeveniment mouseover en una divisió (DIV) i la divisió que, per alguna raó va haver de ser transparents (com en el meu cas, en el que es requereix per mostrar algunes etiquetes sobre una imatge en mouseover de aquesta divisió transparent), IE no per activar l'esdeveniment mouseover (va funcionar bé en FireFox).

Provat diverses opcions ... moltes de les quals era més que un intent desesperat per aconseguir que l'esdeveniment per a disparar en l'IE. Un dels més sensibles, que vaig pensar que podria funcionar era establir un color de fons a la divisió i establir l'opacitat a zero ... Bé! DINT treball!

La solució final que semblava funcionar i no molestar la funcionalitat que necessita és posar un píxel repetit / imatge de fons transparent en què la divisió

... Ximple! però ara l'IE sembla feliç.

Simple ... Per corregir aquest problema d'ús de la pantalla: en línia.

div {float:left;margin:40px;display:inline;}

Si vostè té un element flotant com un div i es col · loca marge dret o marge esquerre d'aquest element, Internet Explorer 6.0 es duplicarà el valor de marge, espatllar el disseny d'HTML / CSS. Per solucionar aquest problema només ha d'afegir display: inline; al seu element flotant.