相关疑难解决方法(0)

我有一个不透明度为.4的div内的导航列表(无序列表).UL内部的锚点设置为不透明度1,但这没有效果.

<div style="background-color: #000; opacity: 0.4">
    <ul>
        <li><a href=".." style="background-color: #000; opacity: 1">home</a></li>
    </ul>
</div>

有什么建议？谢谢

我正在尝试更改背景图像的不透明度以使其与网站匹配。问题是opacity: 0.5;改变元素内的一切。因此，不仅背景图像会发生变化，该部分中的文本和所有其他元素也会发生变化。我应该如何只更改图像的颜色？这是我的代码：

section {
   background-image: url(../IMG/Photo_NR1.jpg);
   padding: 15px;
   width: 100%;
   height: 700px;
}

我做了一些研究，但我找不到任何东西。我试图将所有元素从<section>标签中取出，但随后我被迫再次更改元素的位置。谢谢你的时间 ：）

我想在透明背景黑色中加上一个标识,除了我的标识现在变得透明......这是一个问题.我希望我的徽标和以前一样.

你有什么想法吗？

这是我的HTML

<div class="my-banner">
    <img class="banner" src="images/slider.jpg" alt="banniere">
    <div class="background-opacity">
      <img class="logo" src="images/logo.png" alt="logo" >
    </div>
  </div>

我的CSS

.banner{
  height: 530px;
  width: 1366px;
  position: absolute;
}

.background-opacity{
  background-color: black;
  opacity: 0.5; 
  height: 100px;
  width: 1366px;
}

.logo{
  padding: 20px 0px 0px 35px;
}

我想为javascript制作无重复图片(背景).

e.target.style.backgroundImage = "url(sozai/a.jpg)";

在这种情况下,a.jpg将反复显示为背景,但我希望不再重复.

另外,我想改变图片的透明度.

我想要实现的目标听起来很简单，但我无法让它发挥作用。

我正在尝试添加opacity到顶部，image以便< h1 >标签更易于阅读。

这是我的 HTML：

<header>
  <section>
    <div class="img_content">
      <div class="bg_img" style="background-image: url('path-to-image');" >
        <div class="container">
          <h1 class="content_h1">Most Popular Lunches: Week 11</h1>
        </div>
      </div>
    </div>
  </section>
</header>

这是 CSS：

/*Custom CSS */
.img_content {
  /* background: url(); */
  background-repeat: no-repeat;
  background-size: cover;
}
header section{
  padding:0;
}

@media screen and (max-width: 768px){
  .content_h1 {
    font-size: 40px;
    padding: 21% 0;
    color: white;
    font-size: 14px;
  }
  .section_details {
    padding: 8% 0 19% 8%;
    font-size: 14px; …