HTML+CSS
riyue666
有技术问题欢迎一起来探讨
展开
-
CSS:background-size产生的问题
相当于background-size:100% auto的写法,x轴100%铺满整个容器,y轴根据图片原来的比例,以及现有的宽度,来确定高度。这将保持背景图片的纵横比,并尽可能填充整个容器,但可能会裁剪部分图片。意味着背景图片会填充整个容器,并且在容器高度变化时,背景图片会相应地进行缩放,导致图片位置的变化。background-size:100%用这个就完美解决了 图片不变形缺点就是多余的部分会隐藏。当它的高度发生变化时背景图的位置会发生偏移 查阅了一些资料。原创 2024-01-23 10:55:14 · 760 阅读 · 0 评论 -
elementui 中 el-input type使用number时可以输入e 和+、-
但是这个方法在我们项目中是不生效的 但是可以采取他这个使用正则表达式来完成。输入框能输入e也是把e当成了number 因为e是个无理数。这样输入框就不可以输入e、+、-了。使用@input事件 代码如下。网上大多都用的原生事件。原创 2024-01-18 16:27:51 · 1363 阅读 · 0 评论 -
elementui中el-radio-button组件影响美观的属性
el-radio-button点击它会发现一个阴影很影响美观。可以使用css穿透来改它的阴影。原创 2024-01-18 15:15:34 · 660 阅读 · 0 评论 -
input标签 type为number的bug
1、当input的type属性为number时,输入的要是非数字光标就会出现上移的BUG。2、用过这个属性的都觉得 输入框里上下箭头很丑,可以用这个方法隐藏掉。拓展 如何获取 输入框中 type属性为number的输入框。原创 2024-01-09 15:44:35 · 631 阅读 · 0 评论 -
css溢出文本省略号显示
css溢出显示省略号原创 2023-05-07 22:12:36 · 636 阅读 · 1 评论 -
css设置背景模糊
css背景模糊文字也变模糊的处理原创 2023-05-08 00:45:05 · 2444 阅读 · 1 评论 -
css旋转时让他一直围绕一个点进行
这样不管怎么动他都是在原点。原创 2023-06-09 14:12:00 · 637 阅读 · 0 评论 -
Flex布局+margin 如何实现列表布局
实现列表布局原创 2023-10-28 15:24:35 · 211 阅读 · 1 评论 -
HTML的object标签
最近公司里写项目用到了两张图片logo,鼠标移入移出都会重新加载不同的图片,在网络不好的小伙伴身上可能会出现加载白屏的现象,所以这里我就用了object标签,里面套的是svg,只需要修改svg颜色就可以了。但是需要点击svg的时候出现了问题,点击的时候svg是点不动的。想直接修改object里面的svg必须要获取两层,先获取嵌套文档再获取文档这样才可以获取到object里面的svg。必须要load后再去设置svg的点击事件才可以。原创 2023-12-21 18:07:30 · 436 阅读 · 0 评论