图片阻止父元素的点击事件，导致无法触发跳转
摘要：问题：盒子里面包含图片，盒子有跳转事件，但是在百度浏览器中点击一直展示图片，不跳转。 原因：在某些情况下，图片可能会阻止父元素的点击事件，导致无法触发跳转。这可能是因为图片元素的点击事件冒泡到了父元素，而父元素的点击事件被图片元素捕获并处理了。 1 <div class="con"> 2 <img
阅读全文
posted @ 2025-02-28 18:13
02 2025 档案
鼠标滑轮实现图片缩放
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图片放大缩小</tit
阅读全文
posted @ 2025-02-27 21:11
css样式中的百分比都是相对于谁的？
摘要：idth、height（正常定位） width 和 height 的百分比是分别根据父级元素块的宽度和高度来计算的。 相对定位的 top、left 1 position: relative; 2 top: 100%; 3 left: 100%; top 和 left 的百分比是分别根据父级元素块的高
阅读全文
posted @ 2025-02-27 19:31
JS实现通过双指捏合，对div进行放大缩小
摘要：在Web开发中，使用JavaScript和CSS可以实现一个双指捏合（Pinch to Zoom）的功能，使得用户可以通过触摸屏幕来放大或缩小一个div元素。这通常涉及到监听触摸事件，并计算手指间的距离变化，然后根据这个变化来调整div的尺寸。 下面是一个基本的实现步骤和示例代码： HTML 首先，
阅读全文
posted @ 2025-02-27 19:24
了解CSS圆角：border-radius
摘要：border-radius是CSS中用于设置元素边框圆角的属性，可实现椭圆和各种圆角效果。它可以有1到4个值，分别对应不同角落的圆角半径，值可以用em、px等单位，也可以用/分隔设置x、y轴不同的半径。简写形式允许省略相同值，通过/可以单独指定x和y轴的半径。 什么是border-radius bo
阅读全文
posted @ 2025-02-26 08:45
css剪裁clip-path——基本图形剪裁
摘要：`clip-path`属性，包括`inset()`用于矩形剪裁，支持百分比和圆角；`circle()`和`ellipse()`用于创建圆形和椭圆剪裁，支持半径百分比；以及`polygon()`用于自定义多边形剪裁，支持不规则形状。通过这些方法，可以实现更复杂的元素剪裁效果，创建独特的视觉设计。 矩形
阅读全文
posted @ 2025-02-26 08:33
xlsx.js中 table数据导出成EXCEL的格式设置
摘要：1、如果想将Table中的数据全部导出成文本，只需要按照如下代码设置： XLSX.utils.table_to_book(tableObj, {raw:true}); 2、如果想单独设置每个TD的导出数据格式，请按照如下代码设置： XLSX.utils.table_to_book(tableObj,
阅读全文
posted @ 2025-02-10 08:55
