贴上HTML： ◆◆ ◆◆ ◆◆ ◆◆ Hi，知道吗？ 大前端D7主题很快就疯抢了！以上HTML构成了一个浮出层和四个方向的尖角，其实你只需要其中的一个span标签，所以真正用上的代码并没那么多。贴上CSS：/* poptip */.poptip{position: a...
转载
2014-07-28 11:24:00
430阅读
2评论
iOS CSS 页面拖拽是一个流行的话题，尤其是在开发移动端应用时，涉及到如何在用户界面上实现优雅且流畅的拖拽效果。为了更好地理解和解决这一问题，我们将从协议背景开始，逐步深入，涵盖抓包方法、报文结构、交互过程、工具链集成以及多协议对比等内容。
## 协议背景
在探讨 iOS CSS 页面拖拽之前，我们先看一下它的相关协议。因此，我们需要了解网络协议和数据传输的基本框架。以下是 OSI 模型的
js拖拽方式一：drag、drop<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
转载
2023-06-08 10:38:20
66阅读
CSS单行/多行文本，超出隐藏并显示省略号 方法一：使用CSS属性单行文本溢出显示省略号 多行文本溢出显示省略号 因为使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；-webkit-line-clamp用来限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：display: -webkit-box;必
转载
2024-09-10 09:15:44
42阅读
onmousemove 实现拖拽说到前端的拖拽很多前端开发人员会很烦，尤其是涉及到边缘判断这块，还有就是兼容性。学习前端之初我一直是使用onmousemove来实现拖拽的，下面展示要给传统的通过onmousemove实现的拖拽。代码如下：HTML:复制代码CSS:.wrap{
width: 600px;
height: 600px;
margin: 150px auto;
border: 1px
转载
2023-10-21 20:23:00
93阅读
在51CTO里潜水了很久的我终于在这天浮出来水面，看看这天空的世界！每天上班打开网页就一定会上51CTO网站，看看有没有什么最新的资讯、推荐的博文，到BBS里看看帖子，这些都成为了我每天必做的事。从51CTO里学到了很多知识与技术，对工作上也起到了一定的帮助。希望在这里能和大家分享并谈谈自已的想法，写写自已在工作中经验。
原创
2008-07-26 11:11:54
861阅读
2评论
# 深入理解 HTML5 拖拽浮层
HTML5 的引入带来了许多新特性，其中之一就是拖拽（Drag and Drop）功能。利用这种特性，我们可以创建出更加生动且交互性强的Web应用。在本文中，我们将深入探讨如何使用 HTML5 实现拖拽浮层，步骤详尽且附有代码示例，帮助读者快速理解。
## 什么是拖拽浮层？
拖拽浮层是一种用户界面元素，可以通过鼠标拖拽进行移动。它通常用于复杂的界面布局，如
以下3个CSS属性：user-select属性可以设置是否允许用户选择页面中的图文内容；user-modify属性可以设置是否允许输入框输入内容，以及是否只允许输入纯文本，详见“如何让contenteditable元素只能输入纯文本”一文；user-drag属性可以设置是否允许页面元素拖拽。而本文要介绍的主角就是最后的user-drag属性。二、user-drag禁止拖拽页面中的图文元素设置-we
原创
2022-06-24 10:38:19
3039阅读
如何使用CSS禁止元素拖拽？一、用户行为三剑客
以下3个CSS属性：
user-select属性可以设置是否允许用户选择页面中的图文内容；
user-modify属性可以设置是否允许输入框输入内容，以及是否只允许输入纯文本，详见“如何让contenteditable元素只能输入纯文本”一文；
user-drag属性可以设置是否允许页面元素拖拽。
而本文要介绍的主角就是最后的user-drag属性
原创
2022-06-24 19:00:27
1523阅读
在线css兼容性处理地址：autoprefixer.github.io
转载
2017-09-19 22:16:00
1448阅读
扩展容器层高度： 父标记没有设置高度，子标记设置了浮动时，父标记的高会比内容高度小，造成页面不美观，必须想办法扩展其高度 1.用clear样式扩展高度 方法：在父标记中添加一个空的div标记，并设置样式 clear:both; margin:0px; padding:0px; 2.用overflow
转载
2016-11-05 21:59:00
100阅读
2评论
利用浏览器非overflow:auto元素设置resize可以拉伸的特性实现无JavaScript的分栏宽度控制。webkit浏览器下滚动条可以自定义，其中resize区域大小就是scrollbar的大小，于是，我们可以将整个拉伸区域变成和容器一样高。实现原理CSS中有一个resize属性，如果一个元素的overflow属性值不是visible，则通过设置resize属性可以拉伸这个元素尺寸。但是
转载
2024-06-01 19:22:26
126阅读
.overlay{
display: block;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:9998;
转载
2023-06-29 17:37:09
272阅读
CSS 弹层效果当前页面div半透明遮罩效果：.div-hide{
filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;
}弹出层div居中对齐：.pop-div{
display: none;
margin: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50
原创
2023-04-28 15:41:32
71阅读
背景：近期项目中需要实现弹出浮层增加数据，并且浮动层可以拖拽解决步骤：1、浮动层实现 2、拖拽实现多方查资料，基本实现功能，现做demo，便于以后使用先上图片大体展示实现效果： 再上代码，展示我的实现思路：DragAndDrop.html<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Con
转载
2013-06-19 19:34:00
57阅读
2评论
http://bbs.9ria.com/thread-201893-1-1.html
转载
2016-10-17 14:37:00
170阅读
2评论
pen.io/Chokcoco/pen/bGqWJZL<div class='picA'>.
原创
2023-03-13 18:45:25
564阅读
来源 | https://www.fly63.commask简介CSS的mask属性允许使用者通过部分或者完全隐藏一个元素的可见区域。这种效果可以通过遮罩或者裁切特定区域的图片。mask和background用法是相仿的，mask的值有这些：mask-clipmask-compositemask-imagemask-modemask-originmask-positionmask-rep
转载
2024-01-17 10:19:16
158阅读
