css
夏天的一朵云
这个作者很懒,什么都没留下…
展开
-
css毛玻璃效果
.frosted-glass{ width: 287px; height: 285px; background: inherit; -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); -o-filter: blur(5px); .转载 2021-01-20 22:10:21 · 224 阅读 · 0 评论 -
关于height:100%和height:100vh的区别
vh就是当前屏幕可见高度的1%,也就是说height:100vh == height:100%;但是当元素没有内容时候,设置height:100%,该元素不会被撑开,此时高度为0,但是设置height:100vh,该元素会被撑开屏幕高度一致。原创 2020-07-29 11:24:00 · 196 阅读 · 0 评论 -
h5页面如何禁止弹性下拉
禁止弹性下拉有两个思路最上层页面用position:fixed固定住,这样页面下拉的时候这个上层div就固定在屏幕上了。 还是能够看出页面上下拖动的,只不过被拖动的html在固定div的底部,看不出 将html设置 overflow: hidden; 将body设置 overflow: scroll; 固定住了最顶层的html,但是页面内容如果超过1屏的话,可以将body设置...原创 2020-01-14 19:07:58 · 5120 阅读 · 0 评论 -
css 左边固定宽度,右边自动填充的布局,不用flex
.left{ position: relative;float: left;width:200px;}.right{position: relative;overflow: hidden;}原创 2016-11-27 23:30:46 · 3485 阅读 · 0 评论 -
webstorm下搭建编译less环境 以及设置压缩css
webstorm自带less,不过要编译的话需要nodejs环境。首先去node的主页下载对应版本的nodejs然后安装,下载地址:http://nodejs.org/安装完之后打开命令提示符(win+r),分别输入node -v以及npm -v如果返回版本号说明你安装成功了。接下来就可以安装less了,命令提示符npm进入npm管理器,然后npm install less开始下载less原创 2016-06-10 15:29:28 · 15448 阅读 · 0 评论 -
css让顶部背景透明,本身不透明的样式
background-color: rgba(51,51,51,.6);border-top-right-radius: 50px;border-bottom-right-radius: 50px;-webkit-border-top-right-radius: 50px;-webkit-border-bottom-right-radius: 50px;原创 2016-09-26 10:00:05 · 785 阅读 · 0 评论 -
移动端点击a标签和img标签以及添加的js点击事件时的闪屏问题 解决方案
试试这个:html{-webkit-tap-highlight-color:none}或者html{-webkit-tap-highlight-color:transparent;}原创 2016-09-25 13:20:18 · 2803 阅读 · 0 评论 -
如何让div透明,内容不透明【转】
如果要实现透明边框,子元素不透明,那么就要用这个组合: {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f000000',endColorstr='#3f000000'); background-color:rgba(255, 255, 255, 0.3)}, 但要注意这两个属性中的颜色,转载 2015-10-09 17:02:33 · 1460 阅读 · 0 评论 -
css取消div蹭上的鼠标点击事件
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}转载 2015-09-16 20:09:43 · 1626 阅读 · 0 评论 -
jQuery弹出层_点击自身以外地方关闭弹出层
jQuery弹出层_点击自身以外地方关闭弹出层原创 2015-06-09 19:53:10 · 6851 阅读 · 0 评论 -
Jquery怎么获取select选中项 自定义属性的值
通过jsquery获取select选项中的自定义属性 e a b c 怎么获取select选中项中的自定义属性“level”的值!??$("#ddl").find("option:selected").attr("原创 2013-11-30 11:43:27 · 7781 阅读 · 0 评论 -
JS获取GET参数
对于 URL,我们需要了解更多,因为我们的开发中可能会需要提取URL的部分信息来做不同的事情,事实上这也是与后端交互的一种独特的方式,当然这肯定是安全的,当请求被返回,关于 url 的信息就被记录在了 Window 对象的 Location对象中,取值的结果并不随着用户手动修改地址栏中的字符而发生任何改变,这一点是很重要的。了解了这些内容,那么我们从下面这张图开始吧:图片中间那一行较长的字原创 2013-06-29 12:27:47 · 696 阅读 · 0 评论 -
js弹出窗口总结6种弹窗方法
//关闭,父窗口弹出对话框,子窗口直接关闭this.Response.Write("window.close();");//关闭,父窗口和子窗口都不弹出对话框,直接关闭this.Response.Write("");this.Response.Write("{top.opener =null;top.close();}");this.Response.Write("");转载 2013-06-18 10:49:51 · 2882 阅读 · 0 评论 -
CSS3 圆角(border-radius)
一般用: -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;前缀-moz(例如 -moz-border-radius)用于Firefox-webkit(例如:-webkit-border-radius)用于Safari和Chrome。例1#round {转载 2013-04-22 00:22:34 · 818 阅读 · 0 评论 -
margin-bottom在IE6和IE7下失效的解决办法
这对于margin-top也同样适用!!!今天在处理页面边距时,又遇到这个问题,float元素在设定margin-bottom时在IE6和IE7下会失效,之前就碰到过,但是用其他的办法调试会就过去了,今天遇到就觉得非得正规整理一下,下面请看实例:#box{width:600px; background:#E6FECB; border:3px solid #933; overflow:h转载 2013-05-01 00:32:39 · 11248 阅读 · 2 评论