Масштаб Абсолютный позиционированный элемент в IE8 с увеличением

Question

Сейчас я использую абсолютно позиционированный div для достижения эффекта разделения фона для страницы. Он работает отлично один, но теперь мне нужно встроить его в div и масштабировать его с помощью масштабирования. Когда я делаю это в IE 8, абсолютный позиционированный элемент не масштабируется и остается прежним.

<div class="scale-wrap"> 
    <div class="scale-frame"> 
     <div class="container"> 
      some content 
     </div> 
     <div class="split-page-bg"></div> 
    </div> 
</div> 

CSS

.scale-wrap { 
    border: 1px solid #ccc; 
    box-shadow: 1px 3px 5px #777; 
    height: 426px; 
    margin-left: -20px; 
    overflow: hidden; 
    padding: 0; 
    width: 410px; 
} 

.scale-frame { 
    -ms-zoom: 0.43; 
    -ms-transform-origin: 0 0; 
    -moz-transform: scale(0.43); 
    -moz-transform-origin: 0 0; 
    -o-transform: scale(0.43); 
    -o-transform-origin: 0 0; 
    -webkit-transform: scale(0.43); 
    -webkit-transform-origin: 0 0; 
} 

.scale-frame { 
    border: 0; 
    height: 1000px; 
    overflow: hidden; 
    width: 950px; 
} 

.split-page-bg { 
    background-color: #f3f3f3; 
    top: 0; 
    display: block; 
    height: 400px; 
    position: absolute; 
    width: 100%; 
    z-index: 10; 
} 

Answer 1

Я работаю аналогичную проблему. Попробуйте увеличить: .43;

Однако я столкнулся с проблемами, связанными с функцией масштабирования в IE8, - как это случилось с этим сообщением. Дайте мне знать, как это работает для вас!

---

ОБНОВЛЕНИЕ: Я нашел это, похоже, работает лучше для меня. Ваш пробег может отличаться:

-ms-filter: "progid: DXImageTransform.Microsoft.Matrix (M11 = 0.43, M12 = 0, M21 = 0, M22 = 0.43, SizingMethod = 'auto expand')";