HTML防止导航栏溢出,html – 导航栏外的溢出徽标

Y4TKb.png

zIEbC.png

我已经尝试了溢出-y:在css中可见,但徽标仍然可以切割,我想它与身体有关,因为在所有其他页面中,徽标显示为我想要的.

.nav-logo {

float: left;

overflow-y: visible;

width: 24%;

padding: 0px;

margin: 0px;

}

从侧面说明,徽标在所有其他页面中按预期工作,它很好地溢出,它只是在问题似乎出现的索引页面中.

对于那些正在寻找完整代码示例的人.

header {

padding: 0px;

margin: 0px;

background: rgba(31,34,36,1);

background: -moz-linear-gradient(left, rgba(31,34,36,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 77%, rgba(31,34,36,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(31,34,36,1)), color-stop(25%, rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,1)), color-stop(77%, rgba(0,0,0,1)), color-stop(100%, rgba(31,34,36,1)));

background: -webkit-linear-gradient(left, rgba(31,34,36,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 77%, rgba(31,34,36,1) 100%);

background: -o-linear-gradient(left, rgba(31,34,36,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 77%, rgba(31,34,36,1) 100%);

background: -ms-linear-gradient(left, rgba(31,34,36,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 77%, rgba(31,34,36,1) 100%);

background: linear-gradient(to right, rgba(31,34,36,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 77%, rgba(31,34,36,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2224', endColorstr='#1f2224', GradientType=1 );

}

.nav-logo {

float: left;

overflow-y: visible;

width: 230px;

height: 100%;

width: 24%;

padding: 0px;

margin: 0px;

}

.header-container {

max-width: 1000px;

margin: auto;

border-left: 0px;

border-right: 0px;

border-top: 0px;

border-bottom: 1px solid transparent;

-webkit-border-image: url(/border.png) 28 stretch; /* Safari 3.1-5 */

-o-border-image: url(/border.png) 28 stretch; /* Opera 11-12.1 */

border-image: url(/border.png) 28 stretch;

}

main {

margin: 0px;

padding: 0px;

}

.large-container {

height: 478px;

background-image: url(../image/sliced1.png);

}

.body-container {

margin: auto;

max-width: 1000px;

position: relative;

}

如果我将z-index:-1添加到body-container我得到我想要的结果(徽标溢出)但是body-containers中的链接不再起作用.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值