Question

如果屏幕宽度设置得很宽，我的口号应浮在图像上方。我已经以无数种方式调整了z-index，但无法确切地知道如何使用它。

该网站位于：http://www.i-exercisebikereviews.com/?62/exercise-bike-reviews-schwinn

CSS在这里：http://i-treadmillreviews.com/css/style.cfm

具体来说，＃Slogan是单词：

Home Exercise Bike Reviews - Top Picks - Sales - Coupons

#Human是健身车上的超级小鸡：

当浏览器很宽时，如何让口号超越人类（而不是人类的背后）？

Answer 1

问题是你的z-index div的#Under属性设置为0.删除它，你没事。

另请参阅：can I override z-index inheritance from parent element?

Answer 2

完全删除#Under上的z-index修复它：

#Under {
    margin: 0px;
    width: 100%;
    height: 61px;
    position: relative;
    top: 0px;
    left: 0px;
    /*z-index: 0;*/
    overflow: visible;
    background:  url("background2.png") top left repeat-x;
    background: url("background2.png") top left repeat-x, -moz-linear-gradient(top, rgb(240,240,240), rgb(256,256,56));
    background: url("background2.png") top left repeat-x, -webkit-gradient(linear, 0 0, 0 100%, from(rgb(240,240,240)), to(rgb(256,256,56)));
    background: url("background2.png") top left repeat-x, -o-linear-gradient(top, rgb(240,240,240), rgb(256,256,56));
}

Style.cfm第40行

我有z-index问题

2 个答案: