我已经尝试了很长时间。我怎样才能在页面顶部添加一个更大的文本框，即它会在将被单击的按钮的 div 标记之外 https://jsfiddle.net/Lx3rtLx0/2/ 例如，单击应显示的四个新兴图像之一 页面顶部的文本框，如下所示
我希望给定的代码在点击其中一张图片时到达页面。 IE。当您单击其中一个图像(jsfiddle)时，应该会出现一个文本框(给定的代码)。不同的点击差异内容。
#adbox {
width: 800px;
height: 150px;
border-width: 0;
border-color: red;
background-color:grey;
}
#adbox .adbox1 {
width: 200px;
height: 50px;
border-width: 0;
border-color: red;
float:left;
background-color:lightblue;
margin:0px 0px 0px 300px;
}
#adbox .adbox2 {
width: 200px;
height: 50px;
border-width: 0;
border-color: red;
float:right;
background-color:red;
margin:0px 60px 0px 0px;
}
.clear{
clear:both;
}<!DOCTYPE html>
<html>
<head>
<title>BOX</title>
</head>
<body>
<div align=center><div id="adbox">
<h1><br> xyz sent you a hug</br></h1>
<div class="adbox1">
<br>Send a Hug Back</br>
</div>
<div class="adbox2">
<br>Ack | Dis</br>
</div>
<div class="clear"/>
</div></div>
</body>
</html>最佳答案
您的问题不是很清楚，您是否需要向问题中的 jsfiddle 添加输入？或您在问题中列出的代码？如果它在 jsfiddle 中，只需将其添加到代码的顶部:
<body>
<section id="header">
<div class="inner">
<div>
<input type="text" style="position:absolute; width:300px;" />
</div>
否则，属性 position:absolute 应该适合你，如果它不在正确的位置，添加像 top:0; 这样的属性。 left:0，这将把你的输入放在左上角，不管你的代码中有什么其他内容。
关于javascript - 在页面顶部插入文本框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37824149/