position fixed

什么是点击穿透?如何解决点击穿透?

点击穿透，又被称为是穿透点击，是一种在移动端开发中常见的问题，尤其在使用弹出层或悬浮层时的时候，例如弹窗、对话框等操作中，当用户点击弹出层或悬浮层上的按钮后，事件不仅被弹出层捕获，还会“穿透”到它下方的界面，触发底层控件的点击事件。这种情况有可能会导致一些意外的操作，会严重影响到用户体验。点击穿透的...

甜蜜暴击!程序员为媳妇儿做了个记录心情的小程序

作者|黄彬责编|仲培艺闲暇之余，听媳妇嘀咕说要给她做一个能表达她每日心情的小程序，只能她在上面发东西。既然媳妇发话了，就花点心思做一个吧，因为没有UI图，所有布局全靠自己瞎编，内容略长，感兴趣的可以一览。下面将以图片、代码的形式和大家讲解这个小demo的实现过程：首页首页效果图首页讲...

position 和 display 的取值和各自的意思和用法

position:position属性取值：static(默认)、relative、absolute、fixed、inherit、sticky。static:没有定位，正常状态下。可以快速取消定位，让top、right、bottom、left失效relative:相对于其在正常流中的位置偏移，...

CSS position 关于absolute方式的详细说明

position有5个值：static,relative,fixed,absolute,inheritstatic为默认值，inherit为继承父元素的position值把position值设置为relative,fixed，absolute中任意一个我们就说这个元素被positioned。如...

微信 H5 页面兼容性，看看大神的解决方案

最近给公司微信公众号，写了微信h5业务页面，总结分享一下前端开发过程中的几个兼容性坑，项目直接拿的公司页面，所以下文涉及图片都模糊处理了。1、ios端兼容input光标高度问题详情描述：input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上当点击输入的时候，光标的高度和父盒子的高度一样。例...

探秘 Web 水印技术 web功能页面增加水印

作者：fransli，腾讯PCG前端开发工程师Web水印技术在信息安全和版权保护等领域有着广泛的应用，对防止信息泄露或知识产品被侵犯有重要意义。水印根据可见性可分为可见水印和不可见水印（盲水印），本文将分别予以介绍，带你探秘web水印技术。可见水印最简单的水印一种比较常见的简单水印场景是给...

没有 JS 的前端:体积更小、速度更快!

出处|前端之巅Slimvoice是一款几乎不包含JavaScript的WebApp。2014年，我基于Angular1开发了Slimvoice的第一个版本，使用了Node.js后端和MongoDB（这些技术在当时风靡一时）。2015年，我决定对UI进行彻底的改...

23、Position 的值有哪些，分别有哪些作用?(必会)

一、static：默认值不脱离文档流，top，right，bottom，left等属性不生效。二、绝对定位：absolute绝对定位的关键是找对参照物，要成为绝对定位元素的参照物必须满足以下两个条件：1.参照物和绝对定位元素必须是包含与被包含关系；2.该参照物必须具有定位属性；如果找不到满足以上两...

CSS background-position 属性 cssbackgroundposition属性

实例如何定位background-image：body{background-image:url('smiley.gif');background-repeat:no-repeat;background-attachment:fixed;background-position:center;}标...

「CSS」 Position 用法进阶01:匹配父级容器空间

引入在前端界面设计中，会有那么一些布局，需要占满整个父级容器，比如：以上两种组件中，都是将背景完全填充到父级容器，区别在于模态框通常是背景填满屏幕，通常使用position:fixed;用于定位，而加载器更多用于将其背景布满父级容器，通常使用position:absolute;定位。通过...