Question

<script language="JavaScript">
<!-- Activate cloaking device
document.write('<body background="' + image + '" >')
// Deactivate cloaking device -->
</script>

我需要在背景上添加这种额外的风格。

无重复中心固定

我尝试过它不起作用：

document.write('<body background="' + image + '" no-repeat center center fixed>')

如何将此样式添加到背景中？

Answer 1

哇，这是一段旧剧本。很长时间不需要脚本周围的注释，language属性替换为type属性。

您必须使用CSS样式而不是background属性将这些CSS设置添加到样式中：

<script type="text/javascript">
document.write('<body style="background: url("' + image + '") no-repeat center center fixed">');
</script>

使用脚本书写body标签可能会对搜索引擎查看页面的方式产生不良影响。最好像往常一样创建body元素，然后在其上设置样式：

<body>
<script type="text/javascript">
document.body.style.background = 'url("' + image + '") no-repeat center center fixed';
</script>

Answer 2

问题是你没有使用好的语法：

document.write('<body style="background:url("' + image + '") no-repeat center center fixed;">');

Answer 3

  document.getElementsByTagName('body').style.background = 'url("' + image + '") no-repeat center center fixed';

Answer 4

我建议使用jquery - 采用最新的最小化版本，你应该没问题

只需使用背景

定义类

.MyClass
{
    background: url("myPNG.png") no-repeat scroll 8px 37px transparent;
 //some more
}

然后在javascript部分

$("#idMyDiv").addClass('MyClass');

或删除：

$("#idMyDiv").addClass('MyClass');

如果您不想使用jquery，请尝试以下方法：

document.getElementById(id).style.background = "...";

为此脚本添加额外的样式

4 个答案: