- CSS2 рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдЦрд░рд╛рдм рд╕рдорд░реНрдерди (рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ, рдХреЗ рд▓рд┐рдП рдХрдордЬреЛрд░ рд╕рдорд░реНрдерди: рдордВрдбрд░рд╛рдирд╛ рд╡рд░реНрдЧ)
- рдкрд╛рд░рджрд░реНрд╢рд┐рддрд╛ рдХреЗ рдЙрдиреНрдирдпрди рдХреЗ рд╕рд╛рде рдЦрд░рд╛рдм PNG рд╕рдорд░реНрдердиред
рдпрджрд┐ рд╕рднреА 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 рдЗрд╕ рдЫрджреНрдо рд╡рд░реНрдЧ рдХреЛ рдХреЗрд╡рд▓ рдЯреИрдЧ рдП рдХреЗ рд▓рд┐рдП рд╕рдордЭрддрд╛ рд╣реИред рдпрд╣ рд╕реНрдкрд╖реНрдЯ рдирд╣реАрдВ рд╣реИ рдХрд┐ рдРрд╕рд╛ рдкреНрд░рддрд┐рдмрдВрдз рдХрд╣рд╛рдВ рд╕реЗ рд╣реИ, рд▓реЗрдХрд┐рди рдкреЙрдк-рдЕрдк рдореЗрдиреВ рдФрд░ рдЕрдиреНрдп "рдорд╛рдЙрд╕-рд╕рдВрд╡реЗрджрдирд╢реАрд▓" рд╡рд┐рд╢реЗрд╖ рдкреНрд░рднрд╛рд╡реЛрдВ рдХрд╛ рдЙрддреНрдкрд╛рджрди рдЗрд╕рд▓рд┐рдП рдЕрд╡рд╛рдВрдЫрдиреАрдп рд░реВрдк рд╕реЗ рдХрдард┐рди рд╣реИред
рдЬреЛ рднреА рд▓рд╛рдЧреВ рдХрд░рдирд╛ рдЖрд╕рд╛рди рд╣реИ: рд╣реЛрд╡рд░:
- рдлрд╝рд╛рдЗрд▓ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░реЗрдВ, рдЗрд╕реЗ рдбрд╛рд▓реЗрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, / css / рдлрд╝реЛрд▓реНрдбрд░ рдореЗрдВ
- 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 рдЖрдкрдХреЛ рджреЛрдиреЛрдВ рдЕрд╡рд╕рд░реЛрдВ рдкрд░ рд╕реНрдЯреАрдо рдирд╣реАрдВ рдХрд░рдиреЗ рджреЗрддрд╛ рд╣реИред рддреЛ, рд╣рдо рдЖрд╡реЗрджрди рдХрд░рддреЗ рд╣реИрдВ :
- рдлрд╝рд╛рдЗрд▓ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░реЗрдВ
- рд╣рдо рдЗрд╕реЗ 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 рдЕрдм рдорд╛рдирдХреЛрдВ рдХреЗ рдЕрдиреБрд░реВрдк рд╣реИ, рд╣реИрдХреНрд╕ рдФрд░ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдЕрддреАрдд рдХреА рдмрд╛рдд рд╣реИ, рд▓реЗрдЦрдХ рдХрд╣рддреЗ рд╣реИрдВред рдореИрдВ рдмрдпрд╛рдиреЛрдВ рдкрд░ рдзреНрдпрд╛рди рджреЗрдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реВрдВ рдФрд░ рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реВрдВ:
- рдлрд╝рд╛рдЗрд▓ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░реЗрдВ
- <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/ ) рдХреЗ рдлреНрд░реЗрдорд╡рд░реНрдХ рдХреЗ рднреАрддрд░ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдХрд╛рдо рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред