使用-webkit-transform時(shí)，固定的位置不起作用我使用-webkit-transform（和-moz-transform / -o-transform）來(lái)旋轉(zhuǎn)div。還有固定的位置，所以div與用戶一起縮小。在Firefox中它工作正常，但在基于webkit的瀏覽器中，它已經(jīng)破碎了。使用-webkit-transform后，固定的位置不再起作用！怎么可能？
3 回答
開(kāi)滿天機(jī)
TA貢獻(xiàn)1786條經(jīng)驗(yàn) 獲得超13個(gè)贊
經(jīng)過(guò)一番研究，出現(xiàn)了一個(gè)錯(cuò)誤報(bào)告上的Chromium網(wǎng)站上關(guān)于這個(gè)問(wèn)題，到目前為止Webkit的瀏覽器無(wú)法對(duì)這兩種效應(yīng)一起在同一時(shí)間呈現(xiàn)。
我建議在樣式表中添加一些僅使用Webkit的CSS，并將轉(zhuǎn)換后的div作為圖像并將其用作背景。
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit-specific CSS here (Chrome and Safari) */
#transformed_div {
/* styles here, background image etc */
}}所以現(xiàn)在你必須以老式的方式去做，直到Webkit瀏覽器趕上FF。
aluckdog
TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超7個(gè)贊
對(duì)于那些發(fā)現(xiàn)他們的背景圖片在Chrome中消失的人，因?yàn)楸尘案郊嬖谕瑯拥膯?wèn)題：已修復(fù); - 這是我的解決方案：
// run js if Chrome is being usedif(navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
// set background-attachment back to the default of 'scroll'
$('.imagebg').css('background-attachment', 'scroll');
// move the background-position according to the div's y position
$(window).scroll(function(){
scrollTop = $(window).scrollTop();
photoTop = $('.imagebg').offset().top;
distance = (photoTop - scrollTop);
$('.imagebg').css('background-position', 'center ' + (distance*-1) + 'px');
});}添加回答
舉報(bào)
0/150
提交
取消