Html+css - 文章分类(第2页) - Shimily

按钮范围变大，扩大点击区域background-clip:padding-box;

摘要：阅读全文

posted @ 2019-07-19 14:11 Shimily 阅读(266) 评论(0) 推荐(0)

摘要：1. z-index只有在设置了position为relative,absolute,fixed时才会有效。 2. z-index的“从父原则”。当你发现把z-index设的多大都没用时，看看其父元素是否设置了有效的z-index，当然别忘了先看看自身是否设置了position。作为一个假的前端，阅读全文

posted @ 2019-07-09 18:00 Shimily 阅读(7823) 评论(0) 推荐(1)

position:fixed 相对父元素定位

摘要：position:fixed是对于浏览器窗口定位的，要实现相当于父元素定位，可以这样：不设置fixed元素的top，bottom，left，right，只设置margin来实现。这种方法本质上fixed元素还是相当于窗口定位的，但是实现效果上是相对于父元素定位。此外，position:fixed 阅读全文

posted @ 2019-07-09 17:58 Shimily 阅读(791) 评论(0) 推荐(0)

fixed不以body定位，相对于父级容器定位问题

摘要：经常在做一个页面的时候，希望一个元素不希望随着滚动条的滚动而动，这个时候就要用到fixed了但是又不希望它根据整个窗口的左右两边定位(因为如果分辨率变小了，它与中间页面的距离就会变了) 希望达到的效果如下图所示解决方法：只需要使用margin定位就可以了如图，最先开始使用left,right进阅读全文

posted @ 2019-07-09 17:52 Shimily 阅读(3629) 评论(0) 推荐(0)

移动端弹窗：移动端弹窗滚动时，底部盒子跟着一起滚动 (【手机端弹窗，综合解决方案】

摘要：一、移动端弹窗出现时，上下滑动屏幕，底部的内容会跟随这滚动。解决方案：在弹出弹窗的时候，设置window最外层定位为fixed，这样window便不会滚动了，在关闭弹窗的时候，设置window体定位为static，window便可重新滚动。 https://www.cnblogs.com/shim 阅读全文

posted @ 2019-07-05 17:05 Shimily 阅读(1240) 评论(0) 推荐(0)

wap端经典弹窗的布局方法【wap端弹窗】

摘要：sass: html: 阅读全文

posted @ 2019-07-05 17:00 Shimily 阅读(391) 评论(0) 推荐(0)

【弹窗，底部跟着一起滚动，解决方案】移动端弹窗滚动时，底部盒子跟着一起滚动

摘要：解决方案在弹出弹窗的时候，设置window最外层定位为fixed，这样window便不会滚动了，在关闭弹窗的时候，设置window体定位为static，window便可重新滚动。另外，弹出时设置定位为fixed会使window回到顶部，可以通过js获取当时的scrollTop，固定设置top负值阅读全文

posted @ 2019-07-05 16:16 Shimily 阅读(564) 评论(0) 推荐(0)

手机号码中间4位用*代替

摘要：js 阅读全文

posted @ 2019-07-01 11:14 Shimily 阅读(600) 评论(0) 推荐(0)

深入研究-webkit-overflow-scrolling:touch及ios滚动 overflow-y: scroll;

摘要：在移动端上，在你用overflow-y:scorll属性的时候，你会发现滚动的效果很木，很慢，这时候可以使用-webkit-overflow-scrolling:touch这个属性，让滚动条产生滚动回弹的效果，就像ios原生的滚动条一样流畅。 2. 解决safari布局抖动的例子想实现一个布局为h 阅读全文

posted @ 2019-06-28 18:01 Shimily 阅读(1159) 评论(0) 推荐(0)

css设置文字上下居中，一行文字居中，两行或多行文字同样居中。【团购活动】

摘要：html: css: html: css: 阅读全文

posted @ 2019-06-28 16:22 Shimily 阅读(504) 评论(0) 推荐(0)

点击按钮区域，按钮大小不变的情况下，扩大热点区域的方法，不支持iee8。

摘要：点击按钮区域，按钮大小不变的情况下，扩大热点区域的方法，不支持iee8。阅读全文

posted @ 2019-05-17 18:09 Shimily 阅读(185) 评论(0) 推荐(0)

css元素穿透。 pointer-events: none;

摘要：CSS3 pointer-events允许鼠标点击穿透后面的元素 CSS新属性pointer-events：字面理解是点击鼠标事件，值分别是auto和none。当使用pointer-events:none,表示它将捕获不到任何点击，而只是让事件穿透到它的下面。代码如下：原文链接：http://c 阅读全文

posted @ 2019-05-15 10:28 Shimily 阅读(891) 评论(0) 推荐(0)

常用布局：【左右居中对齐】多个内容时实现内部元素居中的三种方式，div居中显示。。。。。【龙哥】

摘要：实现内部元素居中的三种方式实现内部元素居中的三种方式方法一：固定宽度按钮1 按钮2 按钮3 按钮4 按钮4 方法二：子元素为内联元素按钮1 按... 阅读全文

posted @ 2019-04-02 18:05 Shimily 阅读(706) 评论(0) 推荐(0)

常用布局：常见的跑马灯效果，无缝连接。mcake官网公告使用【跑马灯】

摘要：无缝连接跑马灯哦。。。mcake官网公告使用演示我是跑马灯哦。。。无缝连接跑马灯我是loop循环滚动 sdlfjsldjflds 阅读全文

posted @ 2019-01-23 14:55 Shimily 阅读(710) 评论(0) 推荐(0)

微信打开网页键盘弹起后页面会被顶上去，键盘抬起，键盘收起，页面无法回到原来的位置，导致弹框里的按钮响应区域错位 position为fixed

摘要：微信打开网页键盘弹起后页面上滑，导致弹框里的按钮响应区域错位微信打开网页如：https://img.zai-art.com/web/app/demo/weixin.html 微信IOS 6.7.4 键盘弹起页面上滑，键盘收起页面不会回到原位置，导致弹框(css设置position为fixed会有问阅读全文

posted @ 2019-01-22 16:38 Shimily 阅读(5535) 评论(0) 推荐(0)

微信打开网页键盘弹起后页面会被顶上去，键盘收起，页面没有回到原来的位置。。。。。。。。表单提交，键盘收起问题。。。。。。。。。。【完美解决】

摘要：正常页面：键盘拉起页面键盘收起页面解决方案：在点击按钮那里或者是input失去焦点时加下面其中一个即可解决。通过scrollTop滚动来解决。 scrollTop 或者是scrollTo 完美解决方案：无bug(根据当前滚动条的位置来计算，失去焦点后，重新让滚动条滚动到之前的位置，太完美了阅读全文

posted @ 2019-01-22 16:17 Shimily 阅读(975) 评论(0) 推荐(0)

js判断浏览器是否支持css3,也可以当做判断判断ie8浏览器

摘要：使用方法：阅读全文

posted @ 2018-09-27 09:54 Shimily 阅读(576) 评论(0) 推荐(0)

IE下判断IE版本的语句...[if lte IE 8]……[endif] ,判断ie浏览器引用样式

摘要： IE6及其以下版本可见  IE7及其以下版本可见  只有IE6版本可见 <![if !IE]> <![endif]> 除阅读全文

posted @ 2018-09-27 09:10 Shimily 阅读(263) 评论(0) 推荐(0)

opacity半透明兼容ie8。。。。ie8半透明

摘要：.bg{background: #fff; opacity: 0.7; -moz-opacity: .7; filter: alpha(opacity=70); width: 100%; height: 145px;} 阅读全文

posted @ 2018-09-18 11:27 Shimily 阅读(110) 评论(0) 推荐(0)

input禁用样式修改 input disabled样式禁用方法及样式isabled样式禁用方法及样式

摘要：disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。阅读全文

posted @ 2018-09-12 11:25 Shimily 阅读(5736) 评论(0) 推荐(0)

Shimily

学而不思则罔，思而不学则殆

文章分类 - Html+css