#CSS3多背景图之间的层叠关系
CSS3 multiple background-image多背景图之间的层叠关系
#b站实现弹幕不遮脸,web端实现
https://www.infoq.cn/article/MXdHgWu9I8SmvQRFB-hL
https://www.zhangxinxu.com/wordpress/2017/11/css-css3-mask-masks/
#CSS定制多行省略
http://hai.li/2017/03/08/css-multiline-overflow-ellipsis.html
https://segmentfault.com/a/1190000008649988
最近被问到css如何定制多行省略,展示全部。因为之前就见过“言之凿凿”的解决方案,所以直接甩了链接过去。但是没想到当场被打脸,链接里的demo跑不起来。
于是以下对这个两篇文章里的demo为什么跑不起来,着重进行分析。
内容高度 占位dom高度原理主旨占位dom会随着内容dom的高度变化而变化,当撑的过高时就会形成右浮动位置变化,造成多行阅读更多的效果。然而事实上并没有按照预期变化,这就是demo为什么没跑起来的原因。
有一个解决方案是 强制两者高度相同满足原文意图。暂时可以满足样式要求,希望可以见到更好的适配方案。
// 前提引入jquery
$(window).resize(function() {
$('.ellipsis-ghost').height($('.ellipsis-content').height())
})
网友评论