x

Einloggen

Hast du noch keinen Account? Jetzt registrieren!

Deluxe CSS меню і флайаўты

Original on www.positioniseverything.net
Пераклад на беларускую мову Patricia Clausnitzer


У выпадку, калі вы яшчэ не зрабілі гэтага, ісці наперад і параць блакітныя спасылкі, добра?

Вельмі выдатна, а? Тыя ж трукі, выкарыстоўваных для CSS Flyouts дэма тут выкарыстоўваюцца, але з вялікай колькасцю відавочных змен. Тое ж самае робіць IE Jscript падпарадкоўвацца навядзенні на любы элемент, і "ліпкія завісанні" метад ужываецца і тут.

Да гэтай дэма-старонкі для прагляду навігацыйнай чырвонай мяжы з выкладам ліпкай зон навядзенні.


Змены неабходны ў сувязі з IE7



IE7 прыехаў, і ён не чытаў зоркі HTML-секчы. Такім чынам, мы ўнеслі змены ва ўмоўных каментары, якія змяшчаюць заклік csshover.htc файл так, каб толькі IE6 і ніжэй гэтага. Далей мы дадалі новы CC, што каналы IE7 і вышэй сучасны эквівалент да старога Холі секчы, выкарыстоўваючы ўласныя MS павелічэнні ўласнасці.

IE7 таксама падпарадкоўваецца памеры без старых эфект пашырэння блока, так што павелічэнне маёмасці, замест яе выкарыстоўваецца для запуску hasLayout у IE7 і вышэй. З зум не дзейнічае, мы схаваць усярэдзіне CC, каб старонкі пацверджання.

Нарэшце IE7 падпарадкоўваецца вісенні на любым элеменце, таму CC, што ўтрымоўвае. HTC назваць файл быў ізноў накіраваны на IE6 і ніжэй, дазваляючы ўлічваць, што IE7 непатрэбныя сцэнар і дзейнічаць хутчэй.


Пашыраная навігацыя



Гэты метад не працуе ў IEmac, але ўзламаць каналы "нямко ўніз" CSS гэтага браўзара так, каб ён паказвае ўсёй сістэмы навігацыйнай на экране адначасова. Нішто не пакрыта, а пашыранай навігацыйнай робіцца на "струмень" у той жа час ён будзе пашыраны.

IEwin таксама не будзе працаваць, калі бяспека мае значэнне "High", так, каб для такіх карыстачоў, мы ўжылі тыя ж самыя правілы пашырэння <noscript> блок, які сам ва ўмоўных заўвагі, якія мы выкарыстоўвалі, каб схаваць паводзіны сцэнараў гутаркі. Гэтыя рэчы бачыў толькі IEwin, клапоцячыся пра тое, што браўзар то ж час дазваляючы старонкі, каб праверыць.

Да гэтай дэма-старонкі для прагляду поўнай меры пашырыць NAV, якія будуць паказаны ў IEmac, а ў IEwin з дапамогай сцэнараў адключана.


Довады за і супраць



Усяго навігацыйнай семантычна проста набор укладзеных спісаў, што робіць разумныя магчымасці доступу.

Гэта навігацыйныя працуе ў IE5, IE5.5, IE6, пункты 7, Gecko, Konqueror і Safari. IEmac не атрымоўваецца падтрымліваць навядзенні ўжывальных метадаў, і такім чынам атрымлівае пашыраныя навігацыйныя замест. IEwin са сцэнарамі адключае таксама атрымлівае пашыраную нав. Nav 4 не падтрымлівае гэты метад, ці шматлікае іншае па гэтым пытанні.

Калі ліпкую завісанні зон выступаць за правы край краявідным, калі яны з'яўляюцца, гэта можа прывесці да часовай гарызантальнай прагорткі з'яўляцца. Гэта адбудзецца ў гэтым дэма-старонкі, калі акно ўсталявана ў шырыню 800px. У вытворчай старонкі было б даволі лёгка павузіць абалонкі слаба ці паменшыць правай зоне навядзенні на элементы, якія з'яўляюцца праблемай. Проста варта памятаць, гэта можа здарыцца так, што вы можаце гэта выправіць перад босам апавяшчэнняў.

Сцэнары для IE6 і памылак завісання

Jscript, што мы выкарыстоўваем для апрацоўкі IE6 выклікае вялікае рэкурсіі ў акне браўзара, якое выступае як прыкметна падоўжаныя час загрузкі, калі глядзець на павальнейшых сістэмах, а таксама ў фактычнай павольнае функцыянаванне навігацыйнай сябе, у першую чаргу ў IE5 / перамагчы. Меней складанай навігацыйнай, чым 1 вышэй, будзе значна паменшыць праблемы, і выкарыстоўваць ID імёны вузлоў на: навядзіце правіл дапаможа шмат занадта. У прыватнасці div:hover лепш, чым Div: навядзіце ці .parent:hover ці div#parent:hover гэта яшчэ хутчэй.

Калі Service Pack 2 усталёўваецца на Windows, у Jscript. HTC файл будзе працаваць толькі ў IE6 пры правільным падаецца з мім тып кампанента text/x. MIME тыпы вызначаюцца адміністратарам сервера, так што калі ваш сервер усталяваны няправільна, IE6 можа не паказаць, усплывальныя вокны. Вось толькі так, як гэта, дзеці.

Сцэнар просты метад для апрацоўкі IE6 не існуе, Suckerfish сцэнар . Асноўным сцэнар гадзіны спасылкі, якія будуць завіс, а калі навядзенні курсора мышы падзея адбываецца на спасылцы ён атрымлівае імя класа ўжываецца, але толькі пры навядзенні курсора мышы мерапрыемства. Тады вы пішаце дубляваць селектары для навядзення правіла, але спасылкі на JS-прыкладнага імя класа. У выніку IE6 Фо-завісанні эфектыўны і не мае патрэбу ў specical служыў MIME-тып (просты JS-файл), але за кошт таго, каб змяніць правілы CSS навядзенні трохі.


Server праблем, злучаных з метадам



IE6 мае вядома фонавы малюнак кэшавання пытанне, які, як уяўляецца, часткова, якія дзейнічаюць у гэтай дэманстрацыі. Мабыць, калі навігацыйныя вельмі вяліка (бо гэта адна і ёсць), і працэсар ідзе павольна, курсор будзе паказваць вельмі кароткія выбліскі ", працавальных у фонавым" курсора, як здзяйсняецца пераход ад аднаго звяна да іншага.

Існуе празрысты фон bgfix.gif на DIV-ах (выпраўленні для IE памылка навядзенні), які, як уяўляецца, асноўным чыннікам. Як у нас кажуць, з меншым навігацыйнай мігаценні магчыма, ніколі не з'яўляюцца некаторыя Navs, але калі ён робіць гэта можа быць выпраўлена толькі шляхам занясення змен у сам сервер.

Ну, заўсёды ёсць магчымасць, не мелыя ліпкую завісанні, але гэта здаецца даволі экстрэмальным для малаважныя праблемы, з тым, што мы ігнараваць яго на працягу некалькіх тыдняў.

Для атрымання інструкцый па фіксацыі сервера IIS перайдзіце на гэты Stop Image Flicker падручнік, так і для сервера Apache, перайдзіце на гэту Fivesevensix.com падручнік. Капялюш гасцінец Bryce Fields для паказваючы выпраўленні існых па гэтым пытанні. Мы забываем гэты матэрыял ...



Падрабязней аб Nav



Крыніцай для гэтага дэма цалкам каментароў, але мы не будзем пісаць поўнае кіраўніцтва па метадзе тут. Насупраць, поўнае, глыбокае падручнік серыі можна знайсці на CommunityMX.com (у наш час у вытворчасці пад назву серыі "CSS Flyouts"), дзе вы можаце праглядаць іх амбасадару рэгістрацыі на вольны дзень 10 чальцоў суда (патрабуецца доказ плацежаздольнасці атрымаць бясплатную выпрабавальную версію).