CSS Star Hack *

-2

我有一個問題，*放大IE9 +
這是什麼解決方案？
Chrome和Firefox完美地工作，但我的滑塊在IE中沒有。
CSS Star Hack *

CSS

.bx-wrapper { 
     position: relative; 
     margin: 0 auto 60px; 
     padding: 0; 
     *zoom: 1; 
    } 

    .bx-wrapper img { 
     max-width: 100%; 
     display: block; 
    }

來源

2013-12-19 user3119293

「不行」是什麼意思？ – deceze

黑客不應該用於跨瀏覽器兼容性。使用有條件的CSS。請參閱：http：//www.quirksmode.org/css/condcom.html – Thibault

IE的'*'黑客僅適用於IE <= 7 http://browserhacks.com/ – DaniP

「明星黑客」，你把它的屬性值IE7及以下，如果我沒有記錯。只需使用不帶星號（*）的普通縮放。

但是，我建議你不要使用zoom屬性，因爲它也會影響視口。
還變焦大部分是用來修復在舊ie瀏覽器的一些錯誤：What bug does zoom:1; fix in CSS?

相反，你要使用transform: scale(x);。這不會影響視口，而只會影響元素。

在測試了IE 11

來源

2013-12-19 13:37:54 nkmol

'zoom：1'用於觸發IE <= 7中的hasLayout，沒有理由應用它IE8 +因此明星黑客。 –

Thanx nkmol;）這也是我的IE – user3119293

@ user3119293的設置問題很高興我可以幫忙！當你發現它有用時，不要忘記[接受我的回答]（http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work） – nkmol

其實你不應該使用變焦可言。最好使用Transform類。

div { 
    -webkit-transform: value; 
    -moz-transform: value; 
    -ms-transform:  value; 
    -o-transform:  value; 
    transform:   value; 
}

來源

2013-12-19 13:41:04 deW1

@dan你是對的你應該使用'transform'而不是'zoom'。你可能想解釋爲什麼:)'zoom'與'transform'有些不同，但你甚至不應該首先使用'zoom'。 whith'transform：scale（x）;'你可以得到相同的效果。所以別介意別人^^ – nkmol

回答

相關問題