Это сводит меня с ума!
У меня есть два div, сразу после тега body. Они оба абсолютно позиционированы и измерены. Они оба имеют одно и то же свойство left, но позже я объявляю свойство right для второго элемента div (поэтому «left» следует игнорировать!).
Вот HTML:
<body>
<div class="previousPageButton"></div>
<div class="nextPageButton"></div>
И CSS: (Там больше кода, но он закомментирован, поэтому он не имеет значения.)
.previousPageButton, .nextPageButton {
position: absolute;
top: 0px; left: 0px;
display: block;
height: 500px;;
width: 100px;
background: transparent url(../images/buttons/arrow_previousPage.png) no-repeat center center;
z-index: 2;
opacity: .1;
}
.nextPageButton {
top: 0px; right: 150px;
background: transparent url(../images/buttons/arrow_nextPage.png) no-repeat center center;
}
Как видите, под первым CSS, где я объявляю "left", у меня есть еще один блок CSS, где я специально объявляю свойство "right" для .nextPageButton. Кузов относительно позиционирован, как обычно, поэтому должен работать! Нужно ли "сбрасывать" свойство "left" перед объявлением свойства "right"? Это вообще возможно?
Я знаю, что могу вырвать свойство left из первого кодового блока, а затем назначить каждому div его собственное свойство left / right ... но это все равно должно работать!
Есть мысли?