Проблем с падащо меню под IE

streleca_stz

Registered
Здравейте! Имам едно обикновено меню само с HTML & CSS, но проблемът е, че дроп даун менютата не искат да се покажат под IE.... :shock:

Ето онлайн демо, пробвайте го под ИЕ...

Мъчих се различни методи да приложа, но така и не успях да стигна до решение на проблема и се надявам вие да помогнете :)
 
streleca_stz каза:
Здравейте! Имам едно обикновено меню само с HTML & CSS, но проблемът е, че дроп даун менютата не искат да се покажат под IE.... :shock:

Ето онлайн демо, пробвайте го под ИЕ...

Мъчих се различни методи да приложа, но така и не успях да стигна до решение на проблема и се надявам вие да помогнете :)
Коя версия на IE, защото при мен си работи под IE9
5012.jpg
 
Мм да, наистина работи.. в крайна сметка се оказало, че е от CSS-a за градиент :shock: Което е доста странно, защото до сега не съм имал проблем...

ЕДИТ: добавих градиентите, за да видите, че спира да работи :shock:
 
streleca_stz каза:
Мм да, наистина работи.. в крайна сметка се оказало, че е от CSS-a за градиент :shock: Което е доста странно, защото до сега не съм имал проблем...

ЕДИТ: добавих градиентите, за да видите, че спира да работи :shock:
Да, така не работи.
 
vinsbg каза:
streleca_stz каза:
Мм да, наистина работи.. в крайна сметка се оказало, че е от CSS-a за градиент :shock: Което е доста странно, защото до сега не съм имал проблем...

ЕДИТ: добавих градиентите, за да видите, че спира да работи :shock:
Да, така не работи.
А има ли шанс да се оправи или ще трябва да е с картинки? (с картинки го пробвах и работи, но ми се иска да намаля използването на картинки до нула и... да..)
 
Ако ползваш спрайтове, ще намалиш обема на картинките до минимум.

Твоят вариант може да стане по този начин:

Създаваш един картинка width: 4px; и height: колкто е висок бутона.

2пх от картинката ще ги ползваш за първият градиент и другите 2 пх за втория градиент.

После във CSS задаваш offset 2px на картинката и repeat-x за нормалното показване и за hovera задаваш отново offset от другия край на същата картинката и отново repeat-x.

Така и 2 та варианта ще ти се поберат във една width: 4px; height: 8px; картинка.
 
Мм да, аз точно спрайтове ползвам ако не мога да ползвам само CSS (както в случая) Мерси все пак на всички писали!! ;) Щом не може със css ще са картинки... :)
 
Пич потърси в нета за CSS Pie и ще може да ползваш градиенти под ie7+ без проблем : ))))) :?:
 
Jorko каза:
Пич потърси в нета за CSS Pie и ще може да ползваш градиенти под ie7+ без проблем : ))))) :?:

CSS Pie 111 kb

Някакъв спрайт: По - малко от 3 kb, може да дойде.

Ако смяташ за всяко нещо да ползваш градиент, и то на толкова места където общо картинките могат да надхвърлят 100кб. Ползвай CSSPie, но ако ще е за няколко места, по - добре си ползвай картинки а пък и + това ще ти се покзват и за IE6.

ЕДИТ:

А и като гледам JS кода на този CSSpie, то вътре има цикли, викане на разни функции и т.н. това допълнително забавя.
 

Back
Горе