Question

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

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

Answer 1

我认为你在谈论如何将背景图像设置为'旋转'类，而不是调用img src。

<style type="text/css"> 
.rotate
 {
 background:url(image.jpg) no-repeat center;     
 width:100px;
 height:100px;  
 }
</style>
<div class="rotate"> </div>

Answer 2

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。

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

2 个答案: