用这种技术非常

kovey63054@goul

通过一些调整，使简单。 使用更多的 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。




根据标题类型（水平或垂直），.reverse班级将正确处理这两种情况。 如果 IE 不做一些时髦的事情就不会是 CSS 当然，具有讽刺意味的是，IE8（第一个支持完整 CSS2.1 规范的 IE 浏览器）在生成内容方面存在问题。 在最初的测试中，我认为 IE8 实际上并不支持生成的内容，因为当我将鼠标悬停在图像上时，什么也没有显示。 经过一些测试并使用与图像形成对比的文本颜色后，我注意到背景颜色没有显示，但文本显示了。