我在屏幕的右边缘显示了一个小图像。实际上,该图像是垂直的,但我想水平显示。如何使用HTML和CSS实现此目的?
供您参考,以下是该页面的屏幕截图,该页面的右下角包含垂直的“联系”图像。
有人可以帮我吗?
以下是我尝试为其提供的垂直位置的代码:
HTML代码:
<div id="new_button_1">
<a href="#" >
<img src="http://www.yourdomain.com/contact.jpeg" alt="" pagespeed_url_hash="3893298907" border="0" align="middle" height="89" width="33">
</a>
</div>
CSS代码:
#new_button_1 {
width: 33px;
position: fixed;
right: 0;
top: 85%;
cursor: pointer;
z-index: 7;
}
最佳答案
您可以使用CSS3旋转
transform: rotate(90deg);