-
為何ˉni不能釋懷那虛偽2021-12-26 09:42
- 36
- 0
我打算做伪元素覆盖a标签按钮背景色达成动画效果，但是发现top为0确无法完全重合之前的按钮元素，求解答<div class="betterbtn"> <a href="#" class="btn">登录</a></div>*{ margin:0; padding:0;}body{ display:flex; justify-content:center; align-items:center; height:100vh;}.betterbtn{ width:220px; height:65px; font-size:20px;}.betterbtn > .btn{ width:inherit; height:inherit; border:3px solid blue; color:#000; font-size:inherit; display:block; text-decoration:none; display:flex; justify-content:center; align-items:center; box-sizing:border-box; z-index:0; position:relative;}.betterbtn > .btn::before{ content:""; display:block; position:absolute; top:0; width:inherit; height:200%; background:blue; z-index:-1; transition:.8s; box-sizing:border-box;}
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
罙噯伱の癡情患者° 普通会员 1楼
在使用背景填充覆盖主元素时出现白边，可能是由于以下几个原因：
-
content-box：content-box属性定义了元素的填充和边框的尺寸。当背景填充覆盖了元素的内容区域，边框的宽度会变得非常窄，看起来就像是一个白边。 -
padding-box：padding-box属性定义了元素的内边距和外边距的尺寸。当背景填充覆盖了元素的内边距，边框的宽度会变得非常窄，看起来就像是一个白边。 -
border-radius：border-radius属性定义了元素的边框的圆角半径。当背景填充覆盖了元素的边框，边框的宽度会变得非常窄，看起来就像是一个白边。 -
border-image：border-image属性定义了元素的边框的填充图片。当背景填充覆盖了元素的边框，边框的颜色可能会出现不一致的情况。
解决这个问题的方法通常是使用绝对定位或者相对定位来调整元素的位置和大小，使其与主元素的距离足够大，使背景填充和主元素能够相互覆盖。
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部