css 如何在html页面中的任意位置添加半透明(半透明)矩形？

kb5ga3dv 于 2023-02-17 发布在其他

关注(0)|答案(1)|浏览(210)

我真的很想知道如何在页面中间添加一个半透明的矩形，而不覆盖所有文本。
我试着添加白色背景，降低不透明度：
每年{浮动：右边;右边距：500 px;背景色： Azure ;- moz-不透明度：0.7; -khtml-不透明度：0.7;不透明度：0.7;文本最后对齐;} p.w {背景色： Azure ;- moz-不透明度：0.7; -khtml-不透明度：0.7;不透明度：0.7;文本最后对齐;}

css

来源：https://stackoverflow.com/questions/75442918/how-do-you-add-a-translucent-half-transparent-rectangle-anywhere-in-a-html-pag

1条答案

按热度按时间

v2g6jxz61#

你试过绝对位置吗？这就是你如何在你的页面中放置一个元素。至于不透明度，像这样怎么样？

.container{
  height: 100vh;
  background-color: black;
  position: relative;
  
  .rectangle{
    width: 300px;
    height: 200px;
    border: 1px solid yellow;
    background-color: rgba(247,30,28,0.5);//0.5=half
    position: absolute;
    top: 10%;//anywhere you want
    right: 30%; // anywhere you want
     //left & bottom 
    color: white;
  }
}

赞(0）回复(0）举报 2023-02-17

我来回答

css 如何在html页面中的任意位置添加半透明(半透明)矩形？

1条答案

相关问题

热门标签

最新问答