Question

我希望在保持文本/图像不透明度的同时使容器背景透明。是否可以仅使用html执行此操作？这是我的代码：

<div class="container">
 <div class="well text-center" >
    <div class="col-md-10"></div>
    <div class="row">

        <div class="col-md-3">
            <a href="#"><img src="images/link/BDSlogo-vert-blue.png" alt="logo"></a>
        </div>
        <div class="col-md-3">
            <a href="#"><img src="images/link/skyjacker.png" alt="logo"></a>
        </div>
        <div class="col-md-3">
            <a href="#"><img src="images/link/magnaflow.png" alt="logo"></a>
        </div>
        <div class="col-md-3">
            <a href="#"><img src="images/link/jeep_poison_spyder_logo.jpeg" alt="logo"></a>
        </div>

    </div>
  </div>
</div>

Answer 1

我看到了你的问题，如果我正确理解你，我想我知道你能做些什么。我注意到的一件事是，在我进一步发展之前，看起来你正在使用Bootstraps代码。

如果您更改了可能与此链接的CSS样式表，那么它可能会更好，更有效并且可能不会破坏整个代码的其他元素，但是让我们看看我的解决方案是否适合您。

基本上你想要做的是：

1）写一个＆＃34; style＆＃34;在你的html中标记，然后在其中放入样式（css）属性（你可以把它放在你的html代码的标题中，以便更好地跟踪它）。

2）使用＆＃34; rgba＆＃34;提供背景颜色并赋予其不透明度的格式＆＃34; 0＆＃34;作为代码片段的第4个值。

因此，例如，头部中的样式标记可以是：

<style>.container {background-color: rgba(255, 255, 255, 0);}</style>

这是我能想到的唯一方法，你可以拥有透明的背景，而不使用样式表，只使用CSS。

我应该提到的一件事是元素（div）的默认颜色实际上是透明的。但我不知道你的代码中是否有某些特殊条件，这就是你提问的原因。

嘿，我希望有所帮助。请发布您的结果。

Answer 2

我发现了自己的错误。我需要改变.well {background-color：transparent;我会发布我的CSS。对不起，我有点尴尬。

.well {

min-height：20px;
  填充：19px;
  margin-bottom：20px;
  background-color：transparent;
  border：1px solid＃e3e3e3;
  border-radius：4px;
  -webkit-box-shadow：inset 0 1px 1px rgba（0,0,0，.05）;
          box-shadow：inset 0 1px 1px rgba（0,0,0，.05）;
}

我最初在我的印版版本中使用了一种颜色，现在又回去将所有容器更改为透明，这样我的容器就会只显示页面的背景，同时保持文本和图像的不透明度容器。通过将背景颜色改为透明，我想似乎已经解决了这个问题。

是否可以在保持文本不透明度的同时制作仅具有html的透明容器？

2 个答案: