![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
fairyIer
前端学习ing
非淡泊无以明志,非宁静无以致远。
展开
-
图片加载失败替换图片解决方案
图片加载失败在不同浏览器表现有差异,比如google可能会一片空白、img的宽高是0*0,ie会在图片位置会出现一个碎片图标,火狐会显示一个边框像这样:一个页面如果很多这种好难看,一般会用默认图片替换显示,解决方法:1、css方案:不好使。在img的伪类加替换图片,但火狐的img没有伪类,google有,有时候就算给img标签加了width、height也没有,图片加载失败img的宽高...原创 2019-12-26 11:06:16 · 5950 阅读 · 0 评论 -
原生js动态添加样式表
原生js给html动态添加样式表:1.创建标签<style>添加一张内置样式表 var style1 = document.createElement('style'); style1.innerHTML = 'body{color:red}#top:hover{background-color: red;color: white;}';...原创 2018-05-04 15:59:59 · 9609 阅读 · 0 评论 -
css透明度兼容问题opacity
CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理,保持浏览器效果的一致,这个估计谁都会写,但是涉及到filter的具体语法含义和各版本写法的不同区别,很多人都搞不准确,我曾经问过许多群里的大牛,说的都不是很准确,网上的说法就更五花八门了。今天呢,主要是重新温习一下这个属性,并实际测试来说明正确的写法,和IE各版本的支持度和书写区别。首先,转载 2017-04-27 20:05:55 · 1100 阅读 · 0 评论 -
项目中遇到的小问题,position:fixed无效的一种情况
今天遇到一个定位的问题,要让元素定位在浏览器的顶部,使用position: fixed居然没有效果,元素依然跟着浏览器滚动条走动,后来发现他的上层元素有的使用了transform: translate(0, 0);导致position: fixed功能失效了。所以特此记下来,当做一次小坑吧。我写了一个例子,如下:<!DOCTYPE><html><head...原创 2019-01-28 10:20:18 · 1567 阅读 · 0 评论