css在不需要的地方设置透明度

我在我的页面底部有一个小聊天框，它似乎继承了bootstrap.min.CSS的CSS风格，而且聊天框是透明的，这是一个麻烦，因为页面上的底层文本显示通过，更糟糕的是，页面上的超链接覆盖了聊天框中的可点击区域，以便打开，关闭和提交邮件

我已经尝试将CSS样式添加到聊天框中，以获得不透明度和rgba。甚至尝试添加背景图像，但没有效果

此后，我修改了聊天框，以显示不使用bootstrap.min.css的其他站点的iFrame

但即使是iFrame页面也会受到透明度的影响。我可以删除bootstrap.min.css中的透明度设置，但这并不能解决我更大的问题。。。我打算在几个网站上使用这个聊天室，可能无法控制网站的CSS

因此，我需要一种方法来覆盖父站点的CSS，只用于聊天室

如果这是不可能的，那么我可以从bootstrap.min.css中删除我自己网站上使用的透明度。然而，我确实想知道，当这种透明度在这里毫无用处时，它的意义何在

---

由于您没有发布任何代码，我不确定您是否尝试过此操作，但您可以使用

！重要信息

在自定义CSS中覆盖引导样式的值。例如：

---

背景色：白色！重要

这是集成iFrame时常见的z-index问题，应用

z-index:2000

（或任何数字，只要它位于顶部）在您的

聊天室上，这样您的聊天室仍将处于前端。
已经尝试过-背景颜色：rgba（245245245245）；背景：rgba（245245245245）；背景图像：url（'/images/chatbox bgd.gif'）；不透明度：1；背景色：#F5！重要的好的，我建议您在这里看一看：因此您可能需要在聊天框中的所有元素（除了根聊天框元素）周围加上一个div，并给它一个
位置：relative
规则。在新元素上添加
z-index:100
。位置：相对或绝对移动聊天框。但是z-index:1000解决了问题，谢谢。没问题！您还可以通过将
class=“container”
添加到
body
或
style=“overflow-x:hidden；”“
谢谢，但需要滚动，因为它会显示长度可能不同的最后4条消息。我认为客户至少需要看到最后两个问题的答案。我知道当我是客户时我会这样做，因为我经常不得不复制和粘贴我以前的问题，因为支持部门忽略了它。请粘贴您尝试的完整代码（或制作JSFIDLE），因为我用您提供的页面创建了一个，我包括引导，没有透明度问题。我可以看到您更改了代码，您不应该，只需更改聊天室div，就像这样