![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
mySunshine921
If you bloom, the butterfly will come
展开
-
div比img标签高4px
css样式问题原创 2023-02-14 14:19:57 · 104 阅读 · 0 评论 -
vue的style标签背景图设置
原创 2021-11-02 11:31:25 · 1410 阅读 · 0 评论 -
vue单独给父页面添加样式
1.需求:在当前子页面父页面样式是不带阴影的,跳转到其他页面,父页面还原,带有阴影 解决思路: 在当前子页面找到父页面的dom元素,设置样式, 在desteoyed周期还原,不影响其他页面原创 2021-04-27 09:32:27 · 798 阅读 · 0 评论 -
滚动条的设置
1.每次用滚动条的美化都得搜索一次,在这里记录一下 ::-webkit-scrollbar { /*滚动条整体样式*/ width : 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); background : #5353原创 2021-04-13 17:13:18 · 402 阅读 · 0 评论 -
2020-11-14发现的小问题
弹性布局下省略号不起作用 后来发现又不起作用了 给嵌套的div(图标外层的div)上加了overflow:hidden就可以了原创 2020-11-14 17:18:26 · 76 阅读 · 0 评论 -
2020-11-11
1.地图点击跳转页面 ①给地图添加监听click事件 map.addEventListener("click", function(){ window.location.href ="/jn/edu/sdbk/map/"; } ); ②a标签定位到地图上,注意层级 2.页面滚动事件不生效 原因:body,html{height:100%} 解决:改成height:auto; $(window).scroll(function(){ $(window).scrollTop(); }) ...原创 2020-11-11 17:38:28 · 61 阅读 · 0 评论 -
iphone适配
iphoneX及以上的底部横线适配问题 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" viewport-fit="cover">原创 2020-05-18 15:56:05 · 197 阅读 · 0 评论 -
锚点定位
online-phone 可随着页面的滚动而滑动原创 2019-12-06 13:42:13 · 105 阅读 · 0 评论 -
根据手机型号设置样式
css /*iphoneX*/ @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .m-iletter-detail{top:55px;} .m-iletter-top-title{margin:20px auto 0;} ...原创 2019-11-20 09:14:32 · 449 阅读 · 0 评论 -
super slide
1. 显示的宽度比自己设置的小 插件初始化的宽度是内容实际的宽度=设置的宽度 - padding - border原创 2019-10-28 11:10:28 · 173 阅读 · 0 评论 -
less
1.koala编译——less/sass编译工具 http://koala-app.com/index-zh.html 2.less注释方式 //不被编译的 css文件里不会显示 /*我是被编译的*/原创 2019-09-25 10:07:48 · 117 阅读 · 1 评论 -
ie兼容性
1.background:rgba(0,0,0,.7)的兼容性 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);//兼容IE 这个颜色“#19ffffff”是由两部分组成的。 #号后面的19 。是rgba透明度0.1的IEfilter值。从0.1到0....原创 2019-06-28 10:11:42 · 138 阅读 · 0 评论 -
小知识
1.如何设置固定的背景图像: body { background-image: url(bgimage.gif); background-attachment: fixed; } 具体示例: 链家首页banner原创 2019-06-04 14:50:51 · 222 阅读 · 0 评论 -
手机端兼容问题
1.苹果手机点击会有高亮 解决:点击的地方加上这段代码 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); cursor:pointer;原创 2018-09-29 14:32:14 · 333 阅读 · 0 评论 -
css知识点
1.opacity兼容 针对ie8及其更早的版本 filter:alpha(opacity=x); ie9及以上、谷歌、火狐等等: opacity:0.0-1.0; 2.渐进增强和优雅降级 3.for for …of… for…in… forEach 4.图片水平垂直居中,采用裁剪的方式 &amp;amp;lt;style&amp;amp;gt; /*w&amp;amp;lt;h*/ .icondition-imgbox li.i原创 2018-09-25 17:18:44 · 99 阅读 · 0 评论