css 有白色像素时,我试图用图像填充按钮

avwztpqn  于 2023-11-19  发布在  其他
关注(0)|答案(1)|浏览(75)

firefox我可以看到一个白色像素在右/左下角我可以修复它吗?
firefox
x1c 0d1x的数据
chrome



它不是很大的Chrome,但我认为有一些白色像素也
我知道你几乎看不到它,但它是如此恼人
我也试图使用background-image,但它没有帮助,即使我使用overflow-hidden,它没有帮助,但我不能使用它的任何方式,因为a有一个模糊的阴影在背景中的按钮

body {
      background: #111;
  }

  button {
    border: none;
    background: #ddd;
    outline: transparent;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    transition: 0.3s;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    position: fixed;
    left: 10px;
    top: 10px;
    z-index: 999;
    display: flex;
  }
  
  button img {
    background: inherit;
    border-radius: inherit;
    vertical-align: middle;
    width: 100%;
  }
  
  button::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgb(var(--secound-1), 0.7), rgb(var(--primer), 0.7) 43%, transparent 0%);
    filter: blur(3px);
    z-index: -10;
    border-radius: inherit;
  }

个字符

xqkwcwgp

xqkwcwgp1#

删除button中的background

body {
  background: #111;
}

button {
  border: none;
  background: none;
  outline: none;
  border-radius: 5px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
  position: fixed;
  left: 10px;
  top: 10px;
  z-index: 999;
  display: flex;
}

button img {
  border-radius: inherit;
  width: 100%;
}

个字符

相关问题