CSS

标准链/canonchain/标准链官网

朱邦邦 发布于 2018-01-06

标准链官网:www.canonchain.com 新闻页 设计预览在站酷:标准链官网设计稿 兼容:PC端/手机端/Pad端 中英文双语版 技术要点: 粒子动画 滚动条自定义 粒子动画:使用 particles做的首屏粒子动画; 因为PC和phone的粒子数量不同,所以根据user...

阅读(213)评论(0)赞 (0)

CSS的white-space: pre-line;让文本输出textarea的格式

朱邦邦 发布于 2017-12-04

在textarea中是有换行等之列的简单格式; 在重现的时候,一般用p标签来展示,这个时候如果想要展示可以使用 .like-textarea{ white-space: pre-line;} 这个属性可以合并空白符序列,但是保留换行符。; ~~~~

阅读(316)评论(0)赞 (1)

英文自动换行的CSS写法

朱邦邦 发布于 2017-11-30

用下面这种的即可; .pages-wrap-list .cnc-extra-data{ max-width: 850px; table-layout:fixed; word-break: break-all; overflow:hidden; } ~~~

阅读(313)评论(0)赞 (1)

背景透明文字不透明(兼容各浏览器),rgba兼容到ie8的,最简单粗暴的写法

2

朱邦邦 发布于 2016-05-03

今天工作中遇到一个需求, 是要实现“背景透明文字不透明”; 我开始是新建一个兄弟元素做的,后来想着用伪元素来做; 但是前端leader说伪元素也不好,让试试rgba,然后网上搜兼容IE方法; 看到网上很多种写法,都很麻烦, 很多教程和帖子是这种写法; background:rgb...

阅读(223)评论(0)赞 (0)

面试遇到一个z-index的题目;网上说的问题和自己写的好像效果不一样;

朱邦邦 发布于 2016-04-21

搜了下东西; 看到有这么一句话; 当子层和父层都定义了z-index的属性的时候,z-index值以父层的z-index为准,这个是web前端应该谨记的一点,这个在实际切图中经常会碰到这个问题,下次在碰到这种问题就不会搞错了。 ps:需要使用子层z-index属性的时候,那就要删...

阅读(189)评论(2)赞 (0)