рдЧрдзрд╛ рдХреЗ рд▓рд┐рдП 3 рджрд╡рд╛рдПрдВ

Microsoft рдХрд╛ рдорд╣рд╛рди (рдорд╛рд░реНрдХреЗрдЯ рд╢реЗрдпрд░ рджреНрд╡рд╛рд░рд╛) рдирд┐рд░реНрдорд╛рдг - рд╕рдВрд╕реНрдХрд░рдг 7 рд╕реЗ рдкрд╣рд▓реЗ рдЗрдВрдЯрд░рдиреЗрдЯ рдПрдХреНрд╕рдкреНрд▓реЛрд░рд░ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рдХрдИ рдХрдорд┐рдпрд╛рдВ рд╣реИрдВ, рдЬрд┐рдирдореЗрдВ рд╕реЗ рдЖрдзреБрдирд┐рдХ рд╡реЗрдм рдбрд┐рдЬрд╛рдЗрдирд░ рдФрд░ рдбреЗрд╡рд▓рдкрд░реНрд╕ рд╕рдмрд╕реЗ рдЕрдзрд┐рдХ рдирд╛рд░рд╛рдЬ рд╣реИрдВ:



рдпрджрд┐ рд╕рднреА IE рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕рдВрд╕реНрдХрд░рдг 7 рдореЗрдВ рдЕрдкрдЧреНрд░реЗрдб рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЗрди рд╕рдорд╕реНрдпрд╛рдУрдВ рдХреЛ рд╣рд▓ рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред рдЙрди рд▓реЛрдЧреЛрдВ рдХреЗ рд▓рд┐рдП рдЬреЛ рдЗрдВрддрдЬрд╛рд░ рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рдореИрдВ рдЗрди рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдмреАрдорд╛рд░рд┐рдпреЛрдВ рдХреЗ рд▓рд┐рдП рддреАрди рд╕рд░реНрд╡реЛрддреНрддрдо рдЗрд▓рд╛рдЬ рдкреНрд░рд╕реНрддреБрдд рдХрд░рддрд╛ рд╣реВрдВред

рддреАрди рдореЗрдВ рд╕реЗ рджреЛ рд╕рдорд╛рдзрд╛рди HTML рдШрдЯрдХ (.htc) рд╣реИрдВ, рдЬреЛ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ + .htc рдкрд░ рдЖрдзрд╛рд░рд┐рдд рд╣реИред рдЕрдиреНрдп рдПрдЪрдЯреАрд╕реА рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╕рдордЭ рдореЗрдВ рдирд╣реАрдВ рдЖрддреЗ рд╣реИрдВ, рдФрд░ рдХреБрдЫ рднреА рдмреБрд░рд╛ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИред рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд╕рд╢рд░реНрдд рдЯрд┐рдкреНрдкрдгреА рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЬреЛрдбрд╝рддрд╛ рд╣реИред

рдпрджрд┐ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдиреЗ рдкреЗрдЬ рдкрд░ ActiveX рдХреЗ рдирд┐рд╖реНрдкрд╛рджрди рдХреЛ рдЕрдХреНрд╖рдо рдХрд░ рджрд┐рдпрд╛ рд╣реИ рддреЛ HTC рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЛ рдЕрдХреНрд╖рдо рднреА рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╕рдВрд╕реНрдХрд░рдг рд╕рдВрдЦреНрдпрд╛ рдкрд░ рдПрдХ рдкреНрд░рд╛рдХреГрддрд┐рдХ рдкреНрд░рддрд┐рдмрдВрдз рд╣реИ - IE 5.5 рд╕реЗ рдЕрдзрд┐рдХ рдкреБрд░рд╛рдирд╛ рдирд╣реАрдВ рд╣реИред рддреЛ рд╣рдореЗрд╢рд╛ рдРрд╕реЗ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╣реЛрдВрдЧреЗ рдЬрд┐рдирдХреЗ рд▓рд┐рдП рдЖрдкрдХреЗ рд╕реБрдзрд╛рд░ рдорджрдж рдирд╣реАрдВ рдХрд░реЗрдВрдЧреЗ - рд▓реЗрдХрд┐рди рдЖрдк рдРрд╕реЗ "рдордирд╣реВрд╕" рд▓реЛрдЧреЛрдВ рд╕реЗ рдХреНрдпрд╛ рд▓реЗ рд╕рдХрддреЗ рд╣реИрдВ!

рд╣рдо рдЫрджреНрдо рд╡рд░реНрдЧ ": рд╣реЙрд╡рд░" рдХреЛ рд╢рд╛рдорд┐рд▓ рдХрд░рддреЗ рд╣реИрдВ - рдЬреЛ рднреА: рдкреАрдЯрд░ рдиреЗрдкреЛрд▓реЛрдлрд╝ рд╕реЗ рдордВрдбрд░рд╛рдирд╛



рд╡реЗрдмрд╕рд╛рдЗрдЯ : http://www.xs4all.nl/~peterned/csshover.html

рдбреЗрдореЛ : http://www.xs4all.nl/~peterned/examples/cssmenu.html

рдлрд╝рд╛рдЗрд▓ : http://www.xs4all.nl/~peterned/htc/csshover.htc

IE рдЗрд╕ рдЫрджреНрдо рд╡рд░реНрдЧ рдХреЛ рдХреЗрд╡рд▓ рдЯреИрдЧ рдП рдХреЗ рд▓рд┐рдП рд╕рдордЭрддрд╛ рд╣реИред рдпрд╣ рд╕реНрдкрд╖реНрдЯ рдирд╣реАрдВ рд╣реИ рдХрд┐ рдРрд╕рд╛ рдкреНрд░рддрд┐рдмрдВрдз рдХрд╣рд╛рдВ рд╕реЗ рд╣реИ, рд▓реЗрдХрд┐рди рдкреЙрдк-рдЕрдк рдореЗрдиреВ рдФрд░ рдЕрдиреНрдп "рдорд╛рдЙрд╕-рд╕рдВрд╡реЗрджрдирд╢реАрд▓" рд╡рд┐рд╢реЗрд╖ рдкреНрд░рднрд╛рд╡реЛрдВ рдХрд╛ рдЙрддреНрдкрд╛рджрди рдЗрд╕рд▓рд┐рдП рдЕрд╡рд╛рдВрдЫрдиреАрдп рд░реВрдк рд╕реЗ рдХрдард┐рди рд╣реИред

рдЬреЛ рднреА рд▓рд╛рдЧреВ рдХрд░рдирд╛ рдЖрд╕рд╛рди рд╣реИ: рд╣реЛрд╡рд░:

  1. рдлрд╝рд╛рдЗрд▓ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░реЗрдВ, рдЗрд╕реЗ рдбрд╛рд▓реЗрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, / css / рдлрд╝реЛрд▓реНрдбрд░ рдореЗрдВ
  2. HTML рдкреЗрдЬ рдХреА рд╢реИрд▓реА рдореЗрдВ, рд╣рдо рд▓рд┐рдЦрддреЗ рд╣реИрдВ

    body{

    behavior: url(/css/csshover.htc);

    }






рдЙрд╕рдХреЗ рдмрд╛рдж, рдЫрджреНрдо рд╢реНрд░реЗрдгреА ": рд╣реЛрд╡рд░" рдХрд╛ рдЙрдкрдпреЛрдЧ рдЖрд╕рд╛рдиреА рд╕реЗ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

рдЙрдкрдпреЛрдЧ рдкрд░ рдкреНрд░рддрд┐рдмрдВрдз рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ (рд╡реЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдЕрднреНрдпрд╛рд╕ рдореЗрдВ рдирд╣реАрдВ рдорд┐рд▓реЗ рд╣реИрдВ) рд╕рд╛рдЗрдЯ рдкрд░ рдкрдврд╝рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

рдЗрд╕ HTC рдХрд╛ рдПрдХ рджреВрд╕рд░рд╛ рд╕рдВрд╕реНрдХрд░рдг рднреА рд╣реИ ( http://www.xs4all.nl/~peterned/htc/csshover2.htc ), рд▓реЗрдХрд┐рди рдЗрдиреЛрд╡реЗрд╢рди рдЗрддрдирд╛ рдЖрд╡рд╢реНрдпрдХ рдирд╣реАрдВ рд╣реИ, рдФрд░ рднреА рдЕрдзрд┐рдХ рдкреНрд░рддрд┐рдмрдВрдзреЛрдВ рдХреЗ рд╕рд╛рде, рдЗрд╕рд▓рд┐рдП рдореИрдВ рдкрд╣рд▓рд╛ рд╕рдВрд╕реНрдХрд░рдг рдкрд╕рдВрдж рдХрд░рддрд╛ рд╣реВрдВ (рдЬреЛ рдЬрд╛рд░реА рд╣реИ) рд╡рд┐рдХрд╕рд┐рдд)ред

рдПрдВрдЧрд╕ рдЯрд░реНрдирдмреБрд▓ рджреНрд╡рд╛рд░рд╛ рдкрд╛рд░рднрд╛рд╕реА PNG - IE PNG рдлрд┐рдХреНрд╕ рдХрд░реЗрдВ



рд╡реЗрдмрд╕рд╛рдЗрдЯ : http://www.twinhelix.com/css/iepngfix/

рдбреЗрдореЛ : http://www.twinhelix.com/css/iepngfix/demo/

рдлрд╝рд╛рдЗрд▓ : http://www.twinhelix.com/css/iepngfix/iepngfix.zip

рдкреАрдПрдирдЬреА рдЖрдкрдХреЛ рдЖрда-рдмрд┐рдЯ рдЕрд▓реНрдлрд╛ рдЪреИрдирд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдЧрдзрд╛ рдПрдХ рдЧреНрд░реЗ рдкреГрд╖реНрдарднреВрдорд┐ рдкрд░ рдкрд╛рд░рджрд░реНрд╢реА рдХреНрд╖реЗрддреНрд░реЛрдВ рдХреЛ рджрд┐рдЦрд╛рддрд╛ рд╣реИ рддреЛ рдпрд╣ рдХрд┐рддрдирд╛ рдЕрдЪреНрдЫрд╛ рд╣реИ!

рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЗ рдХрдИ рд╕рдорд╛рдзрд╛рди рдХреЗрд╡рд▓ рдЖрдИрдПрдордЬреА рдЯреИрдЧ рдпрд╛ рдХреЗрд╡рд▓ рддрддреНрд╡ рдХреА рдкреГрд╖реНрдарднреВрдорд┐ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рд╣реИрдВред IE PNG Fix рдЖрдкрдХреЛ рджреЛрдиреЛрдВ рдЕрд╡рд╕рд░реЛрдВ рдкрд░ рд╕реНрдЯреАрдо рдирд╣реАрдВ рдХрд░рдиреЗ рджреЗрддрд╛ рд╣реИред рддреЛ, рд╣рдо рдЖрд╡реЗрджрди рдХрд░рддреЗ рд╣реИрдВ :

  1. рдлрд╝рд╛рдЗрд▓ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░реЗрдВ
  2. рд╣рдо рдЗрд╕реЗ css рдореЗрдВ рд▓рд┐рдЦрддреЗ рд╣реИрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП:

    img, div {behavior: url(iepngfix.htc)}





    рдпрд╛ рднреА

    * {behavior: url(iepngfix.htc)}





рдкреНрд░рддрд┐рдмрдВрдз рдкреГрд╖реНрдарднреВрдорд┐ рдЫрд╡рд┐рдпреЛрдВ рдкрд░ рд▓рд╛рдЧреВ рд╣реЛрддреЗ рд╣реИрдВ - рд╡реЗ рджреЛрд╣рд░рд╛рдП рдирд╣реАрдВ рдЬрд╛рдПрдВрдЧреЗ (рдкреГрд╖реНрдарднреВрдорд┐-рджреЛрд╣рд░рд╛рдПрдВ: рдирд╣реАрдВ-рджреЛрд╣рд░рд╛рдПрдВ), рддреИрдирд╛рдд (рдкреГрд╖реНрдарднреВрдорд┐-рд╕реНрдерд┐рддрд┐: *) - рдпрд╛ рддреЛ, рдЪреВрдВрдХрд┐ рдкреГрд╖реНрдарднреВрдорд┐ рдЕрднреА рднреА рдлрд╝рд┐рд▓реНрдЯрд░ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рд░рдЦреА рдЧрдИ рд╣реИ, рдЗрд╕рд▓рд┐рдП рд╣рдордиреЗ рдЕрднреА рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЖрд╕рд╛рди рдмрдирд╛ рджрд┐рдпрд╛ рд╣реИред

рд╕рднреА рдПрдХ рдмрд╛рд░ - рдбреАрди рдПрдбрд╡рд░реНрдбреНрд╕ рджреНрд╡рд╛рд░рд╛ IE7



рд╡реЗрдмрд╕рд╛рдЗрдЯ : http://dean.edwards.name/IE7/

рдбреЗрдореЛ : http://dean.edwards.name/IE7/compatibility/Pure%20CSS%20Menusus.html

рдлрд╝рд╛рдЗрд▓ : http://downloads.sourceforge.net/ie7/IE7_0_9.zip?modtime=1124553772&big_mirror=0

рдпрд╣ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рди рдХреЗрд╡рд▓ IE 5 рдФрд░ 6 рдореЗрдВ PNG рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреНрд╖рдорддрд╛ рдкреНрд░рджрд╛рди рдХрд░рддреА рд╣реИ, рдмрд▓реНрдХрд┐ рдЗрд╕рдореЗрдВ CSS2 рдЪрдпрдирдХрд░реНрддрд╛ (рд╕рд╣рд┐рдд: hover), CSS рдЧреБрдг рдЕрдзрд┐рдХрддрдо / рдорд┐рдирдЯ-рдЪреМрдбрд╝рд╛рдИ / рдКрдБрдЪрд╛рдИ, "рд╕реНрдерд┐рддрд┐: рдирд┐рд╢реНрдЪрд┐рдд" рдФрд░ рдХрдИ рдФрд░ рдЙрдкрдпреЛрдЧреА рдЪреАрдЬреЗрдВ рд╢рд╛рдорд┐рд▓ рд╣реИрдВред

IE рдЕрдм рдорд╛рдирдХреЛрдВ рдХреЗ рдЕрдиреБрд░реВрдк рд╣реИ, рд╣реИрдХреНрд╕ рдФрд░ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдЕрддреАрдд рдХреА рдмрд╛рдд рд╣реИ, рд▓реЗрдЦрдХ рдХрд╣рддреЗ рд╣реИрдВред рдореИрдВ рдмрдпрд╛рдиреЛрдВ рдкрд░ рдзреНрдпрд╛рди рджреЗрдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реВрдВ рдФрд░ рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реВрдВ:

  1. рдлрд╝рд╛рдЗрд▓ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░реЗрдВ
  2. <Head> рдкреЗрдЬ рдореЗрдВ, рд▓реЗрдХрд┐рди рдореЗрдЯрд╛ рд╕рд╛рдордЧреНрд░реА-рдкреНрд░рдХрд╛рд░ рдХреЗ рдмрд╛рдж рд▓рд┐рдЦрдирд╛ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░реЗрдВ:

    <!--[if lt IE 7]> <script src="/ie7/ie7-standard-p.js" type="text/javascript"> </script> <![endif]-->





рдХрдИ рд╕реАрдорд╛рдПрдБ рд╣реИрдВ ред CSS рдореЗрдВ рд╕реБрдзрд╛рд░ рдЙрди рд╢реИрд▓рд┐рдпреЛрдВ рдкрд░ рд▓рд╛рдЧреВ рдирд╣реАрдВ рд╣реЛрддреЗ рд╣реИрдВ рдЬреЛ рд╕реАрдзреЗ рдЯреИрдЧ (рдЗрдирд▓рд╛рдЗрди рд╢реИрд▓реА, рд╢реИрд▓реА = "*") рдореЗрдВ рд▓рд┐рдЦреЗ рдЬрд╛рддреЗ рд╣реИрдВред рдпрджрд┐ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХреА рд╕рдВрд░рдЪрдирд╛ рдПрдХ рд╕реНрдХреНрд░рд┐рдкреНрдЯ рджреНрд╡рд╛рд░рд╛ рдмрджрд▓ рджреА рдЬрд╛рддреА рд╣реИ, рддреЛ рдЖрдкрдХреЛ рдмрд╛рдж рдореЗрдВ document.recalc () рдХреЛ рдХреЙрд▓ рдХрд░рдирд╛ рд╣реЛрдЧрд╛ред рдЖрдк рдХреЗрд╡рд▓ рд▓реЗрдЦрдХ рджреНрд╡рд╛рд░рд╛ рдкреНрд░рд╕реНрддрд╛рд╡рд┐рдд рд╡рд┐рдзрд┐рдпреЛрдВ ( http://dean.edwards.name/IE7/caveats/ ) рдХреЗ рдлреНрд░реЗрдорд╡рд░реНрдХ рдХреЗ рднреАрддрд░ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдХрд╛рдо рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред



All Articles