Question

我输了。我不知道我在做什么，所以如果我写了一些愚蠢的东西或者不理解你的答案，请原谅我。

我的目标是在点击按钮后显示模态框。这是最容易的部分，我已经完成了，所以我也是。

基本上，我使用此代码：

现在，我不知道该怎么做：

1）如何更改按钮的外观？我可以将其更改为图像吗？我唯一能做的就是在按钮上放置一个图像（看起来很奇怪），但不能替换它。

2）如何更改按钮的位置？我想屏幕左侧有几个按钮（不是网站而是屏幕）。所以我需要调整它们在左侧，我还需要改变所有按钮的高度。

现在，我在尝试其他东西（滑动）时改变了按钮的外观和位置，所以我知道它是可能的。但代码是不同的，我不知道如何合并＆＃34;他们。在第一个中起作用的线不会在另一个中起作用。

我完全不知道它是什么语言。我知道它使用这个createElement来创建这个按钮，但我不知道如何改变它。我经历了整个w3school和本网站上的许多主题，但我不知道如何使用这些知识 - 所以也许你可以帮助我。谢谢！

Answer 1

如果要使用图像打开模态，则不应使用按钮标记。只需将您的活动附加到img即可。

使用示例代码，替换：

<button id="myBtn">Open Modal</button>

与

<img id="myImg"></img>

并将点击事件附加到＆＃34; myImg＆＃34;

var img = document.getElementById("myImg");
img.onclick = function() {
    modal.style.display = "block";
}

如果没有看到完整的代码，重新定位会更难以回答。 W3Schools为初学者提供了很好的CSS介绍，所以我会从那里开始。

Answer 2

将按钮替换为与此id =＆＃34; myBtn＆＃34;类似的代码很重要

 <img id="myBtn" src="image url">

并检查

Css用于设计html元素它有一些属性，如

高度，背景图像，位置，浮动，弯曲等

可以帮助您实现目标。