CSS位置绝对停止旋转属性

Question

我是 html/css/php 的新手，所以这可能是一个愚蠢的问题，但我已经搜索了 position: absolute 和 transform: rotate 的文档，但我没有看到任何提示为什么“绝对性”关闭旋转。

我正尝试在 https://wojtek.denisdev.pl and when I remove "position: absolute" part of "style", then the boar rotates. I've seen that people join both (like here: CSS "transform: rotate()" affecting overall design with "position: absolute" (not aligning properly)) 上执行此操作，但它对我不起作用...

Answer 1

从 link 此处 https://wojtek.denisdev.pl 我只能从您的 css 文件中看到一个导致该错误的错误，这里是 ;

所以 boar.png 的结果 css 是

transform: rotate(
45deg) position: absolute;

缺少结束 css 标记 ;

为了使其正常工作，请复制此代码并将其完全替换为 boar.png 行中的上述代码

<img src="boar.png" id="1" style="transform: rotate(45deg);position: absolute;">

CSS位置绝对停止旋转属性

CSS position absolute stops the rotate property

html

css

position

rotation

absolute