我可以在代码中将其更改为css

时间:2015-01-03 10:30:00

标签: css

<div class="rotate"> <img src="image_url"/> </div>

我想将此img src图像设置为css中的背景图像。请帮帮我。

2 个答案:

答案 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。