Question

我目前正在尝试为您的家庭定制一个＆＃39;定制您的家庭＆＃39;图片库，允许用户点击＆amp;为不同的元素选择不同的颜色。

这里可以看到小提琴：https://jsfiddle.net/lft11501/ug7ke69n/4/

HTML：

＆＃13;

/* here's z-index in action */

#warning
{
  position:absolute;
  z-index:0;
}

#message
{
  position:absolute;
  z-index:1;
}

#more
{
  position:absolute;
  z-index:2;
}

#side
{
  position:relative;
  z-index:3;
}

/* this is to make the demo look pretty */

#warning
{
  left:0px;
  top:0px;
  background:#fcc;
  border:0px solid red;
  width:400px;
  height:256px;
}

#message
{
  left:0px;
  top:0px;
  border:0px solid blue;
  width:400px;
  height:256px;
}

#more
{
  left:0px;
  top:0px;
  border:0px solid blue;
  width:400px;
  height:256px;
}

#side
{
  left:400px;
  top:0px;
  border:1px solid blue;
  width:400px;
  height:256px;
}

＆＃13;

<body>
<div id="warning"><img src="http://gomocloud.com/misc/images/z-index-test-bg.jpg"></div>

<div id="message"><img src="http://gomocloud.com/misc/images/roof.png"></div>

<div id="more"><img src="http://gomocloud.com/misc/images/siding.png"></div>
<div id="side"><a href="http://gomocloud.com/misc/images/roof2.png" target="#message">Test</div>

＆＃13;

我已经知道不同的元素需要不同的z索引才能在同一个空间中堆叠多个元素。我只包含一个链接作为测试。但是，它不是显示在框中的图像，而是打开一个新窗口。

我不明白为什么这不能正常工作。我已经按照每一步的步骤，用细齿梳子完成了每个代码和元素。这令人沮丧！我即将放弃。

Answer 1

target标记上的<a>属性是您为链接打开的窗口或标签提供的名称。 <a>标记通常都是关于更改用户所在网站的位置单击“测试”时，您将打开一个内部名称为“#message”的新选项卡。这是reference for the target attribute。

为了做你想做的事（当用户点击房子的一部分时更改图像），你需要编写一些JavaScript。

Z指数拒绝正常工作 - 尝试一切。失意

1 个答案: