1.:after  ::after单双引号的区别 其实无论是单引号还是双引号，他们的本质都是伪元素，只不过因为伪类使用的也是单引号，同时他们的写法类似，写法也相仿，但实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。 但因为兼容性的问题，所以现在大部分还是统一的单冒号，但是抛开兼容性的问题，我们在书写时应该尽可能养成好习惯，区分两者。 2.使用伪元素需要注意的问题 在内容模块中提到，伪元素如果没有设置“content”属性，伪元素是无用的。 使用伪元素插入的内容在页面的源码里是不可见的，只能在css里可见。 插入的元素在默认情况下是...

使用Jquery监听器监听高度，然后使其滑动到一定高度下置顶。 $(window).scroll(function(){//监听页面滚动事件 //varheaderHeight=$('.navbar').outerHeight();//获取头部元素的高度 varscrollTop=$(window).scrollTop(); console.log(scrollTop) }); .navbar是我的导航栏的class， 所监听到的高度是300，当他划到导航栏所在的位置时，他就置顶 $(window).scroll(function(e){ var$el=$('.navbar'); v...

那么把div块覆盖到另一个div或是图片上呢，今天刚好做页面时遇到了这个问题，需要给他标准top1,2,3 其实也就是用到了简单的定位，在父级块中设置绝度定位，自己设置相对定位，因为自己是相对于父级置顶。 <divstyle="position:relative;width:32%;height:150px"> <imgsrc="/static/mobile/img/城投万欣城.png"alt=""class="popularity-img"> <divclass="popularity-ranking">top1</div> <div...

今天写项目时突然碰到一个问题，就是背景图需要从上到下逐渐变淡。还有就是从左上逐渐变淡到右下。想了一下把这个问题发出来以供小白使用 背景图是有上到下逐渐变淡的 <divstyle="width:100%;height:140px;background-image:linear-gradient(rgb(254,244,235),rgb(255,255,255));border-radius:5px;padding:10px"> linear-gradient是线性渐变函数，默认就是从上到下所以不用写方向。 而他们三个top则是从左上角到右下角颜色变深，因为颜色相近没有太明显 ...