<div class="rotate"> <img src="image_url"/> </div>
我想将此img src图像设置为css中的背景图像。请帮帮我。
答案 0 :(得分:1)
我认为你在谈论如何将背景图像设置为'旋转'类,而不是调用img src。
<style type="text/css">
.rotate
{
background:url(image.jpg) no-repeat center;
width:100px;
height:100px;
}
</style>
<div class="rotate"> </div>
答案 1 :(得分:0)
HTML明智的是:
<div class="rotate"></div>
和css将是
.rotate { // define a class in css
background:url(image.jpg) no-repeat center; // asuming you dont want it repeat and centered in the middle of your div.
width: *amount of pixels*;
height: *amount of pixels*;
}
作为一个注释,我想指出一个图像就像添加的背景一样不会起作用,因为没有定义大小,所以如果我现在查看你的代码,你会得到一个空白图像,因为没有设置div大小。它将使用0px xpp宽度和高度渲染div。我添加了一个宽度和高度到您必须设置的大小。设置宽度和高度将适用于像素和em。