Question

When i have a div with position: absolute, and in it is another div with position: absolute the inner div will position in the frame given through the outer (wrapper) div. Now i want to create a class (css) called error_message that positions itself exactly in the center middle of the site, indifferent from where the it is called, so i need it to break out of every div wrapped around the error_message div.. how do i do this?

Answer 1

i 还有一个类似的问题,即把位于浮图纽特以下的斜体放在一起。

对我来说,解决办法是使用“定位”财产“固定”价值。

position: fixed

then you can position your error message from top left of the body again. i use another wrapper div to position all hoover texts center center.

“entergraph

找到解决办法:

职位绝对差别?

从你看到的照片来看,这部法典并不是法典,只是说明。

http://lesscss.org/“rel=“noretinger” http://lesscss.org/<。

<style>
    .button
    {
        float: left;
        position: relative;

        a
        {
            &:hover, &:focus
            {
                .titlePos
                {
                    .title
                    {
                        display: block;
                    }
                }
            }
            .titlePos
            {
                position: fixed;
                top:50%;
                left:50%;
                width: 400px;
                margin-left: -200px;

                .title
                {
                    position:relative;
                    display: none;
                    top: 130px;
                    text-align: center;
                }
            }
        }
</style>

html:

<div id="wrapper">
    <div id="content">
        <ul>
            <li>
                <div class="button">
                    <a href="#" >
                        <div class="buttonImage">
                            <img />
                        </div>
                        <div class="titlePos">
                            <div class="title">Button Hoover Text1</div>
                        </div>
                    </a>
                </div>
            </li>
            <li>
                <div class="button">
                    <a href="#" >
                        <div class="buttonImage">
                            <img />
                        </div>
                        <div class="titlePos">
                            <div class="title">Button Hoover Text2</div>
                        </div>
                    </a>
                </div>
            </li>
            <li>
                <div class="button">
                    <a href="#" >
                        <div class="buttonImage">
                            <img />
                        </div>
                        <div class="titlePos">
                            <div class="title">Button Hoover Text3</div>
                        </div>
                    </a>
                </div>
            </li>
            <li>
                <div class="button">
                    <a href="#" >
                        <div class="buttonImage">
                            <img />
                        </div>
                        <div class="titlePos">
                            <div class="title">Button Hoover Text4</div>
                        </div>
                    </a>
                </div>
            </li>
        </ul>
    </div>
</div>

Answer 2

您应尝试使用<代码>:固定的 property,而不是position:absolute,用于“代码>div> :固定的将定位基于浏览器窗的元件,而不考虑其位于OMD。如果你想要把它放在窗户上,不管窗户大小,你可以把固定位置分散到整个屏幕上(<条码>:0、<条码>:0等)。之后将错误信息放在文字上。

Answer 3

我不敢肯定,为什么你想要四肢解父母四肢。或许可以尝试为这些人建立一个新的html结构?

http://haslayout.net/css-tuts/Horizontal-Centering”rel=“nofollow noreferer” http://haslayout.net/cs-tuts/Horizontal-Centering和

我们应该帮助你们!

Answer 4

我想有一个<代码>div的唯一途径。打破所有母体的<条码>div,即对所有母体实行绝对定位,这显然将产生自己的一套问题。

为什么不能简单地将“<>div><>div作为身体的直接子女,而不是在标识中加以包装。然后,你可以轻易地将其定位为你所希望,并在网站 div,并动态地将错误信息插入其中。我甚至建议查看。 Query UI允许你除了其他特征的吨位外,容易制造正常和模式的方言。

<>>>>>

由于不允许提交联合材料,只有出现错误,这样做的容易方式才会显示四分五裂。因此,购买力平价代码为......。

if (isset($error)) {
    echo  <div class="show_error">  . $error .  </div> ;
}

......和CSS级为......

.show_error {
    width: 400px; // error element s width
    height: 200px; // error element s height
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px; // minus half the height
    margin-left: -200px; // minus half the width
}

当然,你可以像你所希望的那样,进一步模仿这一错误,但需要将这些错误定位为死因。

希望这一帮助!

Answer 5

我在此找到了坚实的中心解决办法:

https://front-back.com/how-to-make-absolute-positioned-elements-overlap-their-overflow-hidden-other/"rel=“nofollow noreferer”>https://front-back.com/how-to-make-absolute-positioned-elements-overlap-their-over-over-over------h-oul/

Let’s add another parent and move the position:relative one level up (or, in your context, you could maybe simply use an existing upper parent).

传真

<div class="grand-parent">
  <div class="parent">
    <div class="child"></div>
  </div>
</div>

CSS

.grand-parent {
  position: relative;
}
.parent {
  /*position: relative;*/
  overflow: hidden;
}
.child {
  position: absolute; 
  top: -10px; 
  left: -5px;
}

Result:

友情链接