国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

前端 - 為什么CSS transform-origin 屬性在 Chrome 和 Safari 中得到完全不同的效果?

瀏覽:153日期:2023-07-17 13:58:01

問題描述

查明了,應該是Safari下transform-origin在z軸上的bug。。這個bug已經(jīng)提出了好幾年了,仍然沒有解決,并且有相當一部分人認為也許蘋果是對的(http://stackoverflow.com/a/10420268)

CSS3 的 transform-origin 屬性,用計算之后的屬性測試,在Chrome上一切正常,在Safari上就出現(xiàn)了很奇怪的問題。。

代碼在這兒 https://jsfiddle.net/uecf3ccd/1/

HTML代碼:

<p id='stage'> <p id='prev'>prev</p> <p id='this'>this</p> <p id='next'>next</p></p>

CSS代碼:

#stage { width: 900px; height: 300px; perspective: 600px; -webkit-perspective: 600px;}#stage p { position: fixed; left: 300px; width: 300px; height: 300px; background-color: aquamarine; transform-origin: 50% 50% -300px; -webkit-transform-origin: 50% 50% -300px;}#next { transform: rotateY(60deg);}#prev { transform: rotateY(-60deg);}

Chrome下的顯示:前端 - 為什么CSS transform-origin 屬性在 Chrome 和 Safari 中得到完全不同的效果?

Safari下的顯示:前端 - 為什么CSS transform-origin 屬性在 Chrome 和 Safari 中得到完全不同的效果?

不知道是我哪里寫錯了呢,有沒有一種辦法能讓兩種瀏覽器顯示的效果是相同的。。

問題解答

回答1:

你沒有寫錯,不同的瀏覽器對css樣式的支持,是有一些差異,這是瀏覽器的問題

標簽: CSS
相關文章:
主站蜘蛛池模板: 一区中文字幕 | 国产精品久久久久国产精品 | 99国产精品久久久久久久日本 | 日本爽快片100色毛片 | 国产日产韩产麻豆1区 | 韩国三级 mp4| 中国精品视频一区二区三区 | 久久精品无遮挡一级毛片 | 国产精品分类视频分类一区 | 亚洲成a人一区二区三区 | 日本一区二区三区不卡在线视频 | 日本乱人伦片中文字幕三区 | 亚洲精品一区专区 | 免费成年人在线视频 | 一级视频网站 | 久久精品国产屋 | 成人免费午夜性视频 | 国产成人3p视频免费观看 | 欧美黄色特级视频 | 国产免费爱在线观看视频 | 99在线观看免费视频 | 国产精品免费_区二区三区观看 | 亚洲国产www| 欧美一区二区三区四区在线观看 | 91色老99久久九九爱精品 | 狠狠色噜狠狠狠狠色综合久 | 一级片日韩 | 国产精品久久久久久搜索 | 国产黄色三级三级三级 | 亚洲第三区 | 欧美成人精品在线 | 国产成人精品本亚洲 | 一区二区视频在线 | 亚洲欧美v视色一区二区 | 欧美激情综合亚洲一二区 | 欧美一级亚洲一级 | 成人 欧美 | 国产一区二区三区美女在线观看 | 99精品热女视频专线 | 91香焦国产线观看看免费 | 国产精品免费观看视频播放 |