Css 引导模式背景在浏览器的accesseble中创建模型。。。在firefox中工作

Css 引导模式背景在浏览器的accesseble中创建模型。。。在firefox中工作,css,twitter-bootstrap,Css,Twitter Bootstrap,引导模式在Firefox中无法正常运行,但google chrome存在一些问题 如果我删除了以下代码,那么它将在chrome中运行: .modal-backdrop.modal-absolute{ position: relative; background-color : red; z-index: 940; } .modal-backdrop.fade.in { position: absolute; top: 0; right: 0; botto

引导模式在Firefox中无法正常运行,但google chrome存在一些问题

如果我删除了以下代码,那么它将在chrome中运行:

.modal-backdrop.modal-absolute{
    position: relative;
    background-color : red;
    z-index: 940;
}

.modal-backdrop.fade.in {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #333333;
  opacity:0.8; 
 }

.modal-backdrop, 
.modal-backdrop.fade.in{
    opacity: 0.45;
    position: absolute;
    z-index: 1030;
    filter: alpha(opacity=45);
    background: black;

}

请告诉我此代码中的错误是什么

如果看不到输出,很难说清楚

如果使用绝对定位,是否应该使用右/左和上/下属性来定位元素而不是边距

也可以确保容器绝对元素的父元素具有位置:相对;所以他的孩子们的位置,绝对的孩子们,将相对于他


另外,尝试在谷歌上搜索任何其他有此问题的人,尝试搜索位置:chrome的绝对问题

作为第一步,您是否尝试在网页上使用chrome鼠标右键中的inspect元素。然后单击console选项卡,将显示任何页面错误。如果有任何错误,你可以更新和分享,这将有助于人们帮助你!另外,检查Chrome厂商的前缀是否与此处相关也是值得的。没有错误,如果我删除posotion:absolute,那么它就工作了