css3 疑难杂症
木雨痕
在坑底挣扎的小菜鸟
展开
-
css全局水印-不兼容ie11以下
body>.shuiyin{ position:fixed; top:0;left:0;right:0;bottom:0; pointer-events:none; background:#f00; background:url(图片地址); z-index:999; }原创 2021-09-26 10:57:42 · 234 阅读 · 0 评论 -
关于input
如果input和placeholder的font-size和line-height不一致,会导致提示文字上下不居中原创 2020-09-27 14:38:29 · 80 阅读 · 0 评论 -
图片居中
<div class="fixed-bottom"> <div class="close"><span class="iconfont"></span></div> <div class="ad-box"> <a style="position: relative;left: 50%;" target="_blank" href="/user/#/member"> .原创 2020-09-23 13:50:36 · 100 阅读 · 0 评论 -
父级元素等高,子元素在父元素内上下居中
.key{ background: #f00; width: 144px; display: flex; justify-items: center; align-items: center; justify-content: center; // top: 50%; // transform: translateY(-50%) } .list{ ...原创 2019-07-31 14:00:23 · 112 阅读 · 0 评论 -
文本选中时的颜色
关键词:::selection 例子:p::selection{ color:#fff;background:#ffff00} 兼容 p::-moz-selection原创 2019-02-14 09:29:40 · 1182 阅读 · 0 评论 -
overflow: -webkit-paged-y; 消除固定高度下的overflow:hidden影响
相关介绍: overflow:-webkit-paged-x;这个属性是文字剪辑,横向方向的内容,说白了就是超过规定width的文字就会被剪裁掉,其余的不现实,但是为了让文字能够正常显示,就用到了word-break:break-all;属性,就是自动换行,在可现实范围内,自动换行,这样就做到了如图所示的效果,没有文字环绕。 疑问: 不懂为什么两个属性都是超出隐藏却可以相互抵消...原创 2018-09-17 20:53:46 · 2239 阅读 · 0 评论 -
base64
data:,文本数据 data:text/plain,文本数据 data:text/html,HTML代码 data:text/html;base64,base64编码的HTML代码 data:text/css,CSS代码 data:text/css;base64,base64编码的CSS代码 data:text/javascript,Javascript代码 data:text/javascri...转载 2018-06-15 17:42:35 · 248 阅读 · 0 评论 -
关于负margin的一些理解
1、绝对居中{position:absolute; left:50%; top:50%; margin-left:-盒子宽度的一半; margin-top:-盒子高度的一半}2、子元素设置元素的margin-top:-负值时,父级元素不设置高度时=子元素高度-子元素的margin-top的绝对值解决方案:将父元素的padding-botton:1px;...转载 2018-05-24 09:46:48 · 311 阅读 · 0 评论