css hack，L-V-H-A

最新推荐文章于 2025-12-05 07:37:55 发布

原创最新推荐文章于 2025-12-05 07:37:55 发布 · 142 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #hack

本文深入探讨CSSHack技术在实现向后兼容性时的重要性，通过调整a标签的伪类样式顺序，确保不同浏览器间的兼容。同时，展示如何巧妙使用img元素的样式属性，防止图片拉伸变形。文章还详细讲解了margin-top为负值时元素的移动规律，并展示了如何利用属性限制文本域大小。进一步地，对比display:none和visible:hidden的区别，阐述它们在隐藏页面元素时的不同表现。

1.看了篇：说说CSS Hack 和向后兼容
http://sofish.de/1331

2.a标签的伪类样式的定义顺序是L-V-H-A：即LOVE-HATE

3.图片，防止拉伸变形
img.photo{height:auto !important; height:150px; max-height:150px; overflow:hidden;}

4.margin-top为负值，下一个跟随往上移
#mardiv{margin:-525px auto 0pt;}
.content{width:950px;margin:0 auto;height:570px;background:#000;}
<div id="mardiv"></div>
<div class="content"></div>

5.禁止文本域改变大小:添加属性resize:none;

6.display:none和visible:hidden都是把页面上某个元素隐藏起来，但二者有所区别，
visible:hidden属性会使对象不可见，但该对象在网页所占的空间没有改变，等于留出了一块空白区域，而display:none属性会使这个对象彻底消失。