按钮，包含css、html和javascript_Javascript_Html_Css

按钮，包含css、html和javascript

javascript html css

按钮，包含css、html和javascript,javascript,html,css,Javascript,Html,Css,嘿，伙计们，我制作了一个外盒，其中包含一个内盒。代码是 <html> <link rel="stylesheet" type="text/css" href="styles.css"> <body> <div id="boxed"> <div id="anotherbox"> </div> </div> </body> </html> 这个很好用但我需要的是，我想在内部框中显示

嘿，伙计们，我制作了一个外盒，其中包含一个内盒。代码是

<html>
<link rel="stylesheet" type="text/css" href="styles.css">
<body>

<div id="boxed">

<div id="anotherbox"> </div>

</div>
</body>

</html>

这个很好用

但我需要的是，我想在内部框中显示一个简单的按钮。我已经尝试了一些javascript代码，但没有成功

希望你们能帮助我..p:S..我不需要jquery解决方案..谢谢

这就是你们要找的吗

#装箱{
宽度：150px；
填充：50px；
边框：5px纯灰；
保证金：0；
背景图像：url（'http://placehold.it/200x200');
}
#已装箱：悬停>#另一个箱子{
宽度：50px；
填充：40px；
边框：5px纯灰；
保证金：0；
能见度：可见；
}

您可以使用一个按钮来实现这一点，如下所示：

HTML：

#装箱{
宽度：150px；
填充：50px；
边框：5px纯灰；
保证金：0；
背景图像：url（'http://placehold.it/200x200');
}
#已装箱：悬停>#另一个箱子{
宽度：50px；
填充：40px；
边框：5px纯灰；
保证金：0；
能见度：可见；
}
#已装箱：悬停#另一个箱子>按钮{
宽度：16px；
填充：30px；
边框：5px纯灰；
保证金：0；
能见度：可见；
光标：指针；
}


按钮

只需使用

？或者这太简单了？你可以使用纯CSS创建一个按钮。不..我只希望按钮在内部框中。/。你希望它在

#boxed

中，而不是在

#另一个框中

，对吗？你能告诉我为什么当你使用按钮值作为内部时它会在内部列中吗？这与按钮的值无关。它位于HTML中的

另一个框div

中，这就是它位于内部列中的原因。

#boxed {
  width: 150px;
padding: 50px;
border: 5px solid gray;
margin: 0;
background-image: url('http://placehold.it/200x200');
}

#boxed:hover > #anotherbox {



 width: 50px;
padding: 40px;
border: 5px solid gray;
margin: 0;


visibility: visible;

}