如何让四个 div 引用同一张图片答案

【问题标题】：How to have four divs reference the same image如何让四个 div 引用同一张图片
【发布时间】：2014-05-06 22:58:13
【问题描述】：

我有一个div如下：

<div class="panel" style="width: 100%; height: 40px; ">
  <asp:Panel runat="server" ID="Panel1" HorizontalAlign="Center" >
    <asp:Image  id="Image2" runat="server"src="../../_images/arrow.jpg"  HorizontalAlign="middle"     style="width: 30%; height: 40px;  " />
  </asp:Panel>
</div>
<div class="panel" style="width: 100%; height: 160px;">

我想要四个这样的 div，但引用同一个图像。我想知道我是否可以在 CSS 中实现这一点？否则我必须制作 4 份箭头。

【问题讨论】：

您可以使用 CSS 旋转图像。请阅读此主题：stackoverflow.com/questions/11832131/…
谢谢！很有帮助！

标签： html asp.net css

【解决方案1】：

.rot90
{
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
}

【讨论】：

谢谢！看起来很棒！