主页 / 问题

问题[background]

Martin Hope
Vint Planov
Asked: 2022-09-04 18:35:30 +0000 UTC
  • 0

我使用来自.png的背景图像制作了一个图像形式的按钮，带有透明区域。

这些透明区域覆盖了方块的背景： 背景按钮

body {
  background-color: white;
}

.btn {
  outline: none;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.btn:hover,
.btn:focus {
  box-shadow: inset 0px 0px 8px 1px rgba(63, 84, 112, 0.1);
}

.btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  background-color: white;
}

.reduct-btn {
  width: 200px;
  height: 200px;
  /* Не помогает ни transparent ни white */
  background-color: white;
  background-image: url("./img/iconNo.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="styles.css">
  <title>Document</title>
</head>

<body>

  <div class="btn-wrap">
    <button class="btn reduct-btn"></button>
  </div>


</body>

</html>

css background
Martin Hope
From Heaven
Asked: 2022-06-20 15:52:27 +0000 UTC
  • 0

面临这样的问题。我想在警报中显示当前页面的颜色。以下代码不输出任何内容。如果你只使用背景，那么就会有关于页面背景的完整信息，这不适合我。如果您使用背景颜色，则警报不会显示任何内容。如何解决问题？

function knowColor() {
                let page_color = '';
                page_color = document.body.style.background-color;
                alert("Поточний колір сторінки: " + page_color);
            }
css background