如果屏幕宽度设置得很宽,我的口号应浮在图像上方。我已经以无数种方式调整了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是健身车上的超级小鸡:
当浏览器很宽时,如何让口号超越人类(而不是人类的背后)?
答案 0 :(得分:3)
问题是你的z-index
div的#Under
属性设置为0.删除它,你没事。
另请参阅:can I override z-index inheritance from parent element?
答案 1 :(得分: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行