overflow的一些小细节笔记
3Deshun 发布于 6年前 (2018-08-01) 3201℃ 评论(0) 赞 (0)
最近在项目中遇到一个问题,同事在IE浏览器下测试时出现底部大块空白的问题。如下图:我反复测试,问题并没有重现,最后发现是Windows7系统下的IE浏览器会出现此问题。经过反复检查,发现在reset文件里面的一行代码的问题,把其中的 overflow-y:scroll; over...
Deshun 发布于 6年前 (2018-08-01) 3201℃ 评论(0) 赞 (0)
最近在项目中遇到一个问题,同事在IE浏览器下测试时出现底部大块空白的问题。如下图:我反复测试,问题并没有重现,最后发现是Windows7系统下的IE浏览器会出现此问题。经过反复检查,发现在reset文件里面的一行代码的问题,把其中的 overflow-y:scroll; over...
Deshun 发布于 6年前 (2018-07-25) 3686℃ 评论(0) 赞 (0)
项目中经常会用到 tab 切换功能,有的还会有一个 更多 按钮,我们可以用下面这个方法实现一个多功能的 tab 切换。效果图:不好看,请见谅。HTML:<div class="box"> ...
Deshun 发布于 6年前 (2018-07-19) 3992℃ 评论(0) 赞 (0)
日常项目中,为了避免兼容问题,防止某些功能或者插件不能用,会用到IE浏览器的模式设置代码。以下是比较常用的几种用法:content="IE=EmulateIE7" :EmulateIE7 模式遵循 <!DOCTYPE> 指令。标准模式以 IE7 标准模式显示,Quirks模式以 IE5 模式显示。<meta http-equiv="X-UA...
Deshun 发布于 6年前 (2018-07-17) 2560℃ 评论(0) 赞 (0)
在项目中,经常会遇到IE浏览器的兼容问题,IE678简直是前端工程师的噩梦,每个版本的IE浏览器都会有比较大的差异。我们可以使用下面的代码,判断IE浏览器版本:if IE 8 :选择IE版本,只有该版本可见。if lt IE 8 :lt 小于 Less th...
Deshun 发布于 6年前 (2018-07-10) 8885℃ 评论(0) 赞 (5)
UEditor 百度富文本编辑器的 initialFrameWidth 属性默认值是1000,设置 initialFrameWidth=null 时,编辑器会在第一次加载的时候获取屏幕宽度,然后赋值给 initialFrameWidth 属性,这样确实可以在第一次加载时适应屏幕宽...
Deshun 发布于 6年前 (2018-07-05) 3516℃ 评论(0) 赞 (1)
CSS 后代选择器很好用,让我们的工作变的更方便。但是 IE8 及以下对很多后代选择器并不兼容。例如这6个比较常用的后代选择器:Child SelectorsIE9IE8IE7:first-child√√√:last-child√××:nth-child(n)√××:nth-last-child(n)√××:first-of-type(n)√××:first-last-of-...
Deshun 发布于 6年前 (2018-07-05) 3076℃ 评论(0) 赞 (0)
我们一般写一个半透明的 div ,只需要给这个 div 设置如下的属性即可:background: rgba(255,255,255,0.5);但是如果遇上 IE8 就有点蛋疼了。因为 IE8 不支持 rgba( ) 。 rgba 的含义,r 代表 red ,g 代表 green ,b 代表 blue ,红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a 代表透明度。比如...
Deshun 发布于 6年前 (2018-07-02) 3610℃ 评论(0) 赞 (2)
最近,我从 Grover网站 上发现以一个好玩儿的悬停动画,这个动画是将鼠标移动到订阅按钮上移动光标,会跟随光标实现相应的彩色渐变。这个想法很简单,但是它能使这个按钮脱颖而出,人们一下子就注意到它了,增加了点击的概率。怎样才能达到这个效果,使我们的网站脱颖而出呢?其实,它并不像我...
Deshun 发布于 7年前 (2018-06-28) 5025℃ 评论(0) 赞 (2)
a页面有个链接,点击后跳转至 b页面的某个 tab 上,显示相应的内容。具体方法:注意:我的部分代码需要有 jQuery 的支持。首先 a页面的代码:HTML:<a href="b.html?tab=2">b_tab2.html</...
Deshun 发布于 7年前 (2018-06-26) 4567℃ 评论(0) 赞 (2)
Teleport 是一款非常优秀的网站离线浏览工具(即网站整站下载工具),但该软件下载的网页文件里会包含大量冗余代码(如:tppabs),手动去修改工作量很大。下面介绍如何通过软件进行正则表达式批量替换冗余代码。清除 tppabs 标签:html文件中:查找: \btppabs=...