CSS旋转2个对象

我有一个很奇怪的问题

“我有两个目标：

<div id="menu">
        <a href="#"><img src="images/nagrody.png"></a>
        <a href="#"><img src="images/zwyciezcy.png"></a>
        <a href="#"><img src="images/zasady.png"></a>
</div>

第二个目标：

<div id="znajomi">
        <a href="#"><img src="images/zapros.png"></a>
        <p>BRAKUJE CI JESZCZE <span id="fr">3 ZNAJOMYCH</span></p>
</div>

我的问题是： 如果我从#znajomi中删除

将鼠标悬停在“工作”菜单上，但如果此代码是plaste，则无法工作

有什么建议吗？

在

#菜单

上覆盖了

#znajomi

-元素。您必须使用z索引或其他定位。没有完整的网站布局，我不能给你一个最好的变化的例子

如果从菜单中删除

float:right

，它会有所帮助。您可以在左边添加一个

边距

，以获得与以前相同的结果。

请将其放入一个空格，以便更轻松地。。。摆弄它。。。

<div id="znajomi">
        <a href="#"><img src="images/zapros.png"></a>
        <p>BRAKUJE CI JESZCZE <span id="fr">3 ZNAJOMYCH</span></p>
</div>

#znajomi {
    padding:420px 20px;
    -webkit-transform:rotate(-4deg);
    -moz-transform:rotate(-4deg);
    -o-transform:rotate(-4deg);
}

#znajomi p {
    font-family:DIN, Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#fff;
    position:relative;
    top:-20px;
    left:20px;
}

#fr {
    font-family: Arista, Arial, Helvetica, sans-serif;
    font-size:21px;
    color:#c2dc2f;
    text-shadow:rgba(113,0,0,0.75) 2px 2px;
}

-webkit-transform:rotate(-4deg);
-moz-transform:rotate(-4deg);
-o-transform:rotate(-4deg);