IE7: абсолютно позиционный Child Div с отрицательным значением CSS для 'right' - PullRequest
Новая
       25

IE7: абсолютно позиционный Child Div с отрицательным значением CSS для 'right'

0 голосов
/ 13 февраля 2011

Я искал часы:

Я создаю небольшую гистограмму, которую я анимирую с помощью jQuery.

Я сделал правильную полосу дочерней по отношению к'левый' бар, чтобы они всегда оставались вместе, пока я анимировал их свойства ширины.Таким образом, точка, в которой они никогда не будут разделяться во время асинхронной анимации.(Я могу анимировать левую полосу, а правая полоса будет просто метить вдоль ..., поскольку это дочерний элемент)

Я установил высоту / ширину этих двух полос (с классами 'left' и 'right'') с помощью jQuery.Я анимировал свойство ширины левой панели, чтобы изменить его размер.Чтобы изменить размер правой панели, я анимирую свойство CSS "right".

Так вот в чем проблема: правый div не виден с отрицательным значением для 'right' (я пробовал 'margin-right', тоже).С положительными значениями 'right', он вежливо появляется внутри родительского div (левая полоса).В тот момент, когда я пытаюсь поместить его справа от «левого» бара, он уходит.

ПОМОГИТЕ !!: -O

Это прекрасно работает в IE8 и во всем остальном. 

<div class="container" >
                <div class="left">
                    <div class="right"></div>
                </div>  
</div>


div.left{
    background-color:#93dbfb;
    overflow:visible;
    position:absolute;
    width:300px;
    left:0px;
}

div.right{
    background-color:#ffce42;
    z-index:100;
    position:absolute;
    width:300px;
    right:-300px;
}

(опять же, свойства высоты / ширины и права все анимированы с помощью jQuery)

** ОБНОВЛЕНИЕ **

Я уже пытался установить положение правой панели, используя ее свойство ВЛЕВО (используя значение left.width + [value]).Та же проблема возникает.

1 Ответ

1 голос
/ 13 февраля 2011

Я бы сделал этот комментарий, но пока не могу их сделать. Во всяком случае, не уверен, что это работает на IE7, но это что-то вроде того, что вы пытались сделать? http://jsfiddle.net/MnnyH/1/ Я понимаю, что вы пытались создать график, но его легко можно повернуть по вертикали.

...