0

我需要使用 Javascript 更改我的一个主要容器 div 的背景。最终目标是应用渐变，但我在更改背景颜色时遇到了问题。这是代码：

var main = document.getElementById("main");
  main.parentNode.style.maxWidth = 0;
  main.parentNode.style.maxHeight = 0;
  main.parentNode.style.margin = "0px";
  main.style.backgroundColor = "black";

这就是页面加载和 JS 执行后标签在浏览器中的样子。

<div id="main" style="z-index: 10; position: relative; top: 0px; left: 0px; background-color: black;">

我没有收到任何 JS 错误。JS 正在执行其他代码运行，并且代码中的背景颜色已更改但未呈现。我最关心的浏览器是 Safari，但我在 Chrome 中得到了相同的效果。任何帮助将非常感激。

编辑：这是一个小提琴：http: //jsfiddle.net/hz7AR/

4

2 回答 2

4

您正在将父容器设置为 maxWidth 0 和 maxHeight 0。我认为有问题

于 2012-11-26T20:27:14.513 回答
1

您需要设置 div 的宽度和高度。目前 div 没有宽度或高度，将您的 html 更改为：

<div id="main" style="z-index: 10; position: relative; top: 0px; left: 0px; background-color: black; height: 100px; width: 100px">

该代码使 div 为 100 x 100 像素，您可以将其设置为您喜欢的任何内容

于 2012-11-26T20:34:50.023 回答