国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
相關文章:
主站蜘蛛池模板: 亚洲欧美在线看 | 超清首页 国产 亚洲 丝袜 | 宅男毛片 | 欧美国产精品久久 | 全免费毛片在线播放 | 成人免费观看高清在线毛片 | 亚洲国产人成中文幕一级二级 | 国产成人啪一区二区 | 怡红院成人永久免费看 | 国产成人一区二区三区 | 天天摸天天爽视频69视频 | 看久久| 手机日韩理论片在线播放 | aaaaaa精品视频在线观看 | 精品欧美日韩一区二区三区 | 国产亚洲精品成人一区看片 | 亚洲国产欧美在线不卡中文 | 日本一区二区三区四区不卡 | 日本aaa视频 | 国产一级特黄特色aa毛片 | 国产一级片免费 | 免费人成年短视频在线观看免费网站 | 久久99精品久久久久久三级 | 亚洲欧美高清 | 男人的天堂免费 | 黑人特黄aa毛片 | 欧美成人精品动漫在线专区 | 久久久国产精品福利免费 | 毛片观看网址 | 成年人视频在线免费看 | 亚洲午夜精品一级在线播放放 | www日| 成人第一页 | 精品在线视频一区 | 国产在线视频区 | 一本色道久久综合亚洲精品 | 深夜爽爽爽福利动态图 | 免费久久 | 手机看片国产免费久久网 | 在线中文字日产幕 | 欧美在线一级va免费观看 |