用这种技术非常
通过一些调整,使简单。 使用更多的 CSS3 我们可以调整盒子模型并具有垂直标题 默认情况下,盒子模型会在设置的高度之上添加填充和边框,并且由于我们将高度设置为 100%,这实际上会将我们的覆盖层推出几个像素。 为了改变这种行为,我们利用 CSS3box-sizing属性并将其设置为border-box。这允许我们设置百分比值,并结合我们的高度计算任何填充和边框,以免像自然那样将其推出。默认情况下,box-sizing 设置为 content-box。 IE8 显然 阿曼电话号码列表 不支持此属性,但是 IE 的盒模型自然会像设置的那样运行box-sizing: border-box,因此不需要任何特殊处理即可工作。 基于 Mozilla 和 WebKit 的浏览器需要特定的前缀,而 Opera 则支持它而不需要任何前缀。 ul a.reverse:hover:after, ul a.reverse:focus:after { 顶部: 0;右:0; } 我们还可以反转垂直标题的位置 通过对原始反向类进行少量添加,添加right: 0,我们可以创建一些可重用的 CSS 来水平或垂直地反转它,而不影响任何具有该类的锚点.reverse。
https://bolddata.me/wp-content/uploads/2024/04/Add-a-heading-6-300x300.png
根据标题类型(水平或垂直),.reverse班级将正确处理这两种情况。 如果 IE 不做一些时髦的事情就不会是 CSS 当然,具有讽刺意味的是,IE8(第一个支持完整 CSS2.1 规范的 IE 浏览器)在生成内容方面存在问题。 在最初的测试中,我认为 IE8 实际上并不支持生成的内容,因为当我将鼠标悬停在图像上时,什么也没有显示。 经过一些测试并使用与图像形成对比的文本颜色后,我注意到背景颜色没有显示,但文本显示了。
頁:
[1]