分享更有价值
被信任是一种快乐

如何解析针对IE6的CSS hack用法

文章页正文上

今天就跟大家聊聊有关如何解析针对IE6的CSS hack用法,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。通过实例向大家描述一下IE6的CSS hack用法,我们以一个LOGO为实例,讲解了针对IE6,应用CSS HACK设置有别于IE7和FF的效果。一款针对IE6的CSS hack用法实例 CSS网页布局的兼容性问题一直困扰着大家,其实在51cto.com以前的文章中也有着丰富的CSS HACK与CSS兼容性的文章,只是有些文章可能讲的比较抽象而没有实例化,不便于大家的理解。现在要讲解的是一个关于IE6的CSS HACK的用法。我们以一个LOGO为实例,讲解了针对IE6,应用CSS HACK设置有别于IE7和FF的效果。我们看下面的HTML代码:ExampleSourceCode这是一个LOGO元素,应用H3标签进行组织,而LOGO图片则在CSS背景图片中进行定义。
看下面的CSS代码:ExampleSourceCode设置BODY与H3的样式。将LOGO图片置于H3标签下面的链接元素中。我们打开查看到的效果如下:我们再打开IE6查看,得到如下的效果: 虚线不是那么美观了,显得非常粗糙,这时候我们该怎么办呢?我们可以针对IE6浏览器进行CSS HACK设置,定义在IE6下显示为不同的外观。

我们对CSS代码进行调整:ExampleSourceCode请注意最下面CSS代码的写法。应用了选择器“*htmlh4”。而“*html”就是针对IE6及以下浏览器的CSS HACK选择器了。我们再次打开IE6查看,得到如下的效果:在IE7与FF中,虚线很漂亮,而在IE6下面,直接以实线显示。
我们可以举一反三,试着定义不同的外边距或背景图片等属性,进行查看。
看完上述内容,你们对如何解析针对IE6的CSS hack用法有进一步的了解吗?如果还想了解更多知识或者相关内容免费云主机、域名,请关注云技术行业资讯频道,感谢大家的支持。

相关推荐: 什么是Mvvm模式

本篇内容介绍了“什么是Mvvm模式”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!0x01 MVVM模式简介MVVM是Model、View、ViewModel的简…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册