纯CSS解决锚点跳转偏移

abcd23212年前 (2024-10-31)前端开发1676

能用css自然不想用js解决，因为在加载方面，css总是先加载，并且速度很快。

.div{
   position:relative;
   padding-top:50px;
   margin-top: -50px;
}

完美兼容chrome和Firefox，其他浏览器未测试。

返回列表

透明度参照表：00%=FF（不透明） 5%=F2 10%=E5 15%=D8 20%=CC 25%=BF 30%=B2 35%=A5 40%=99 45%=8c 50%=7F 55%=72 60%=6...

chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所...

当我们指定一个元素的font-size为2rem的时候，也就说这个元素的字体大小为根元素<html>字体大小的两倍，如果html的font-size为12p...

iframe的背景颜色在IE下为window的当前窗口颜色（默认白色，可以在显示外观处对其进行设置），这导致在大幅背景上插入iframe时，需要给它“透底”，可是IE不支持对iframe设置背景色，那...

在一些网页上，当你滚动页面的时候会看到各式各样的元素动画效果，非常动感。WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件，很容易定制，你可以改变动画设置喜欢的风格、延迟、长度、...

本文主要介绍的是CSS字体font-family的正确选择方案，由于设计稿和平台的不同，导致了制作有时候无法还原设计稿，理清各种平台字体区别，有助于做出最好的选择。大家都知道，在不同操作系统、不同游览...

潮人街