![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS样式问题
武清伯MVP
谁不是可爱多~
展开
-
用图片填充为文字背景技巧
本文适合有一定css基础的同学阅读食用,前端技能太强的大佬,禁食! 您要是觉得我写的好,对您有帮助,记得点赞+收藏哦!您要是过于慷慨本人不介意您的打赏! 您觉得我写得不行可留言反馈,我看天气回复,但是禁止白嫖哦! 一、先看效果图: 二、需求分析: 文字要大,要粗。如果文字太小太细,效果是不明显的; 文字得是透明的。如果不透明的话,图片是没有办法填充上去的。 三、关键技术(css): /* 设置元素的背景(背景图片或颜色)是否延伸到内容盒子下面。*/ -webkit-background-cli原创 2020-07-31 18:36:45 · 1169 阅读 · 0 评论 -
关于解决在textarea输入连续输入数字和字母不换行以及在显示连续的数字和字母不换行的问题
前段时间在做一个评论功能的时候,测试人员告诉我在文本域连续输入数字或者是字母不会换行,在评论展示区也是一样的,我就纳闷了。这给用户的体验很不好,解决方案就是在对应的样式区加上 word-break:break-all; word-wrap:break-word; 打断单词,并且允许换行; 至于数字不换行的原因可能是数字也会被当成字母连在一起。 刚刚有看到别的博主写的更具体的解释,大家可以...原创 2018-09-23 13:41:19 · 2488 阅读 · 0 评论 -
解决页面中图片尺寸的问题
上次在做某些咨询页详情的时候,发现页面中的图片会撑开页面的宽度,如果只是设置100%的宽度,又有被拉伸的尴尬。网上查阅之后,找到了根据设置css来解决的方法: img{ // 保证图片可以以原尺寸显示 width: auto; height: auto; // 保证图片超过页面大小时不会被撑开 max-width: 100%; max-heigh...原创 2018-10-02 12:21:34 · 307 阅读 · 0 评论 -
解决input输入框在ios中有阴影
废话不多说,普通的去边框: input{ border: none; outline: none; } 需要边框只要把第一句去掉就可以: input{ outline:none; } 但是发现在ios下border-top会有阴影,去掉方式如下: input{ -webkit-appearance: none; outline: none; ...原创 2018-11-08 11:35:44 · 1593 阅读 · 1 评论 -
css解决h5在ios上滑动卡顿的问题
以前看到的解决方案是用iscroll.js来解决,后面看到一个别人分享的文章,自己也记录一下: -webkit-overflow-scrolling: touch; 这行代码启用了硬件加速特性,所以滑动更加流畅。 更深层的原因可以看上面的链接在,文章有介绍。 但是有一个限制条件,就是安卓4.0以上,ios要5.0以上才支持(webkit108400版本左右)...原创 2018-12-21 11:48:54 · 2691 阅读 · 0 评论 -
font-style属性italic与oblique的区别
众所周知,italic与oblique的效果都是倾斜效果,那他们的区别具体是什么呢?查看MDN文档,得到以下答案: 可以看到,他们俩是可以互补的;不过font-style用的也比较少,这点小知识还是挺有趣的。 ...原创 2019-03-28 15:30:21 · 2109 阅读 · 0 评论 -
button按钮在ios真机和Chrome显示不一样
html中一些语意化标签会有默认的样式,像button标签就有颜色,阴影,圆角。这些完美的“假象”在Chrome浏览器和实际的真机显示是不一样的。我就被实实在在的坑了一回。 在Chrome的移动端调试模式下,button会有一个默认的跟随系统的颜色: 显示的效果也是不错的: 可是这个颜色,在真机上默认是白色的,如果你的背景是白的色话,这个按钮就被隐藏了。 没有啥更好的解决办法...原创 2019-03-29 11:59:00 · 383 阅读 · 0 评论