Question

我在JavaScript＆amp; CSS中有以下代码来创建div＆amp;设置一个bg图像：

var incrementEnabled = document.createElement('div');
incrementEnabled.className = "SchedMainCtrlIncrementBtn_En"; 
this.divElt.appendChild(incrementEnabled);

.SchedMainCtrlIncrementBtn_En {
background-color: white;
float:left;
position: fixed;
width:230px;
height:65px;
top:125px;
left:360px;
background:url("../images/icons/IcnListAddRecipient_En.png") no-repeat center;

url的路径也是正确的，但图像没有设置。

感谢
斯纳

Answer 1

您不应使用url("../images/icons/IcnListAddRecipient_En.png")，而应使用url(../images/icons/IcnListAddRecipient_En.png)

用这个替换css，我希望问题能够解决

.SchedMainCtrlIncrementBtn_En {
background-color: white;
float:left;
position: fixed;
width:230px;
height:65px;
top:125px;
left:360px;
background:url(../images/icons/IcnListAddRecipient_En.png) no-repeat center;

Answer 2

您是否使用firebug（或您喜欢的浏览器中的任何其他开发人员工具）检查了会发生什么？

你的div会出现吗？
是正确设置的类吗？
背景属性会发生什么？

你为什么使用浮动和位置：固定？浮动：左边没有做任何事情。

顺便说一下，我总是使用单引号，使用它们就好了。）

在CSS中设置背景图像

2 个答案: