当前位置:首页 >> 技术分享 >> 详情
sousuo
sousuo

23、鼠标移入板块阴影效果被裁切的解决方法

上传时间:2020-08-14            浏览次数:65

一、现象

对板块做鼠标移入阴影效果的时候,因为页面宽度问题,导致阴影被遮挡看不到了。形成页面最左侧板块,左边框无阴影;最右侧边框,右边框无阴影的现象。

二、原因

父及元素写了样式“overflow: hidden;”造成无法显示超出规定范围的边际阴影效果。

三、解决办法

1、 去掉“overflow: hidden;”,使用“overflow: visible;”:

如果让具体的板块溢出可见,可能就要对某一板块设置固定的高度,否则他不会自动变高。

2、外框宽度写大

比如说内框本身是1200像素宽的,左右阴影大概会各自有4像素那么宽。这样板块的总宽度度就要至少做成1200+4+4=1208像素。

永易搜建站用技术和实力说话
0371-56789390
公司地址

郑州市花园路东风路向西300路南弘熹台22层

联系我们