|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
网页制造POLUOLUO文章简介:偶然候因为必要笔墨和图片同时猎取到点击态,大概必要完成一些高难度的效果,就必要多标签来写布局,大概的布局会以下所示.
比来从头审阅了一下块集元素和内联元素,不是搅浑,而是从头想了一下新的器材,偶然候在我们举行重构的时分,偶然会为了实践必要而将内联元素强迫显现为块集元素,在一样平常情形下,这个是不会出成绩的,并且能够很轻松的经由过程尺度,可是在某一些情形下,固然考证工具能够放过我们,可是在ie6上面会呈现剖析不准确的成绩,上面就复杂跟人人分享一下这个成绩。
偶然候因为必要笔墨和图片同时猎取到点击态,大概必要完成一些高难度的效果,就必要多标签来写布局,大概的布局会以下所示:
<divclass="block">
<ahref="http://www.webjx.com"><span><imgsrc="http://www.webjx.com/wp-admin/images/webjx.png"alt="Raina"/></span></a>
</div>
在没有被付与壮大的CSS的时分,是能够一般点击的,可是当付与必要的CSS的时分,在ie8一下就会呈现图片地区点击不到的情形:
.blockspan{float:left;}
假如将span标签块集化:
.blockspan{float:left;dispaly:block;width:100px;height:100px;}
终极的了局仍然不是不克不及点击到,可是图片地区觉得的内容确能够一般点击。
而关于此,我的了解是如许的:
由于a标签自己就是一个内联元素标签,内联标签内一般情形只同意安排内联元素,安排块集元素自己语法就有成绩,固然外表上安排的span标签,可是我们又将其强迫块集化,在某些扫瞄器下仍是会剖析毛病,好比说ie6/7,以是这里针对链接的这类情形,呈现的成绩就是图片地区没法点击。
针对这类成绩的办理办法:
包管在a标签中不要安排块集元素,大概强迫块集元素,假如必要办理一些特别效果,能够接纳将这个强迫元素跟a内置的img标签同级安排,如许也能够制止图片点击不到成绩。
表现和结构分离,在团队开发中更容易分工合作而减少相互关联性 |
|