2009-08-17 3 views
0

Я использую управление слайдером JQueryJQuery - CSS нужна помощь ниндзя

IE 6 выглядит FUBAR.

Скриншот (как это должно выглядеть)
img24.imageshack.us/img24/9786/safarij.png

Скриншот (IE6)
img99.imageshack.us/img99/3418/ie6o.png

Какой CSS я могу использовать для IE6, чтобы он выглядел как Firefox/Chrome/Safari?

Любая магия ниндзя CSS будет очень признательна.

ответ

0

Попробуйте добавить размер шрифта: 0; это помогло мне в подобных ситуациях в прошлом.

Возможно, при необходимости увеличить: 1; чтобы IE зацепил элемент hasLayout.

Обновление на этом:

Просто испытания, добавив

div.ui-slider-range 
,div.ui-widget-header 
{ 
    font-size: 0; 
} 

и, казалось, работать, зум: 1 не было необходимо.

+0

Многие, многие СПАСИБО !!! – TimJK

-2

Использование условных комментариев IE для создания специальной таблицы стилей, специфичной для IE6, для устранения любых проблем.

http://msdn.microsoft.com/en-us/library/ms537512%28VS.85%29.aspx

+0

Я хочу сказать, что я не могу понять, что заставляет IE 6 отображать такую ​​большую высоту. Смысл, я не знаю, какой CSS мне нужно использовать, даже если это было условно, чтобы IE отображал правильную высоту синего стержня. – TimJK

+0

Эксперимент. Это лучший способ учиться! –

+1

@ Daniel A White, я был экспериментом на самом деле. Я не лучший в CSS. Я пробовал много разных вещей, и никто не работает. Вот почему я разместил этот вопрос. Любая помощь была бы ВЕЛИКОЙ оценкой – TimJK

0

Вы должны указать высоту строки синего стержневого элемента, и установить высоту тоже. Установите эти атрибуты с _ перед ними (например, _height: 2px), чтобы только IE проанализировал их.

Если вам нужна проверка CSS, сделайте то, что предложил Даниэль Уайт.

+0

@changelog, кажется, что 2 DIV важны: \t \t \t .ui-slider-range & .ui-slider-horizontal. Я добавил следующий CSS для этих DIV, и это все равно не помогает. "height: 2px; _height: 2px; line-height: 2px" – TimJK

+0

@changelog, любые идеи? – TimJK

0

Для достижения изогнутых «кнопок» на слайдере сценарий использует граничный радиус CSS, который не поддерживается в < = ie6. Синий бар достаточно прост, чтобы исправить, просто придать ему фиксированную высоту и высоту линии.

Смежные вопросы