css
文章平均质量分 53
Mr_lee123
这个作者很懒,什么都没留下…
展开
-
ios移动端fixed定位元素在滑动页面时上下抖动的解决方案
根据实际代码,对比以下三种情况进行调整一、滚动元素不要包含fixed元素。<!-- 滚动元素不要包含fixed元素 代码示例如下--><body> <div class="header">fixed固定元素</div> <div class="main">滚动内容</div></body><!-- 滚动元素和fixed元素在同一容器下时就会出问题 代码示例如下--><bo原创 2021-08-10 17:53:21 · 4754 阅读 · 2 评论 -
只用css3实现菜单的toggle效果
一、原理: 使用label与input来实现,label和复选框是有关联的,label的for属性对应的是input的id,所以点击label时,它就会勾选或取消复选框。 如果我们需要让菜单默认显示,只需要将input的checked属性设为true即可。 因为用到了css3的:checked属性,因此只适用于IE9+浏览器。 label可以设置为displ...转载 2019-10-29 17:13:23 · 1481 阅读 · 0 评论 -
禁用元素点击事件(兼容IE8+)
实现思路:chrome、firefox下利用CSS3属性pointer-events: none;元素永远不会成为鼠标事件的target。考虑到需兼容IE8+,利用js绑定点击事件,函数内直接return false,阻止其他事件进行。js代码:// 禁用点击事件 function notClick(ele) { $(ele).addClass('notCli...原创 2018-09-18 17:18:23 · 6598 阅读 · 0 评论 -
position:fixed 在ie8下的兼容性处理(附带ie8以下不透明度兼容)
1、解决fixed兼容性核心代码:.ie{ _position: absolute; _clear: both; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ?...原创 2018-09-19 18:49:40 · 2142 阅读 · 0 评论 -
为table标签内的tbody添加滚动条
CSS代码演示table tbody { display:block; height:200px; //高度根据实际自定义 overflow-y:scroll; -webkit-overflow-scrolling: touch; // 为了滚动顺畅 }table tbody::-webkit-scrollbar { display: none...原创 2018-11-23 14:38:48 · 9209 阅读 · 1 评论 -
单行、多行文本溢出显示省略号(css、js两种方法)
一、css常规方法:(一)、单行文本p{ width:100px; overflow: hidden; /*超出部分隐藏*/ white-space: nowrap; /*禁止换行*/ text-overflow: ellipsis; /*省略号*/}(二)、多行文本1、在WebKit浏览器或移动端在WebKit浏览器或移动端(绝大部分是...原创 2019-03-21 18:11:07 · 15670 阅读 · 0 评论 -
div模拟textarea文本域实现高度自适应
div模拟textarea文本域实现高度自适应一个普通的block元素上加个contenteditable="true",contenteditable属性规定元素内容是否可编辑。HTML<div class="textarea" contenteditable="true"></div> CSS.textarea{ width: 400p...转载 2019-03-22 11:30:51 · 138 阅读 · 0 评论 -
css实现文字两端对齐(兼容所有浏览器)
.p { text-align-last: justify; -moz-text-align-last: justify ; //兼容firefox text-align: justify; text-justify: distribute-all-lines; //兼容ie display: block; //ie下需设为block widt...原创 2019-04-10 15:57:34 · 4302 阅读 · 0 评论 -
针对IE6、7、8条件注释语句(不同版本IE显示用不用css)
https://blog.csdn.net/q36835109/article/details/51752316转载 2019-05-22 14:34:26 · 100 阅读 · 0 评论