a标识的bug hover情况不开启 可点地区不能点一下

日期:2020-12-13 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板

度假新项目告1段落了,但在新项目中遇到的难题却很多,这里挑几个关键的bug或说失误,来开展表明。

先看来1下有哪几个bug或失误要共享1下。

a标识不加href特性a标识:hover情况不开启buga标识可点地区不能点一下bug

a标识不加href特性

本人感觉都不可以称之为bug,但還是拿出来讲道说道,由于的确有人这么干,搜索难题的情况下也花销了点時间。请看demo1

图1

图2

Firefox7、chrome14、safari5、opera10.6、ie8、ie9显示信息实际效果如图1,但在电脑鼠标样子上,opera为一切正常情况(箭头),此外5个为选文本情况(I样子)。ie6/7里边却压根不鸟你,除title显示信息出来后,沒有其它任何转变,如图2。

或许有人会说,这么显著的不正确,1看就看出来了,可是假如我在a:hover{cursor:pointer}1下(或许你沒有这么做过),除ie6/7,其它的都跟一切正常的连接1下,仅有ie6/7,电脑鼠标放上去依然不能用。demo1⑴

处理方法:给a加上href=”"

a标识:hover情况不开启bug

这个bug对我来讲,也是第1次遇到,这是在做1个评价有关的控制模块时遇到的。这个bug只会出現在ie6中(假如你不考虑到ie6,请绕过这个bug)。请看demo2

图3

图4

在规范访问器中,电脑鼠标放到星级上面时,里边的文本会出現(如图3),可是ie6不容易造成任何转变(如图4),后来历经朋友的指导,再加搜索文章内容,得出1个小结果,当a与a:hover款式不产生转变的情况下,ie6会觉得沒有开启:hover(在demo2中,电脑鼠标放上去后,沒有任何的转变),因而也就不可以完成demo2中要完成的实际效果。

图5

处理方法:给a:hover加上border:0,在视觉效果上沒有产生任何转变,可是ie6中,当电脑鼠标放上去后,开启了:hover。里边的span也显示信息出来了demo2⑵(如图5),但新的难题造成了,原先写在span里边的情况沒有由于电脑鼠标的离去而掩藏起来(如图6),一开始认为跟a1样,要有款式的转变,但试了几个特性后,我舍弃了,立即把情况写在了a:hover span里边,难题处理(demo2⑶)。

尽管难题处理了,可是为何却并不是十分的掌握,也请掌握的盆友给我留言。在这里先谢过了。另附1个小demo3

a标识可点地区不能点一下bug

这个将会不可以称之为a的bug,可是還是放在这里来讲,总之跟他也是有点有关。先看demo4

图7

在图7中,左边的携程旅游网在非ie6/7的访问器中,带情况的地区全是能够点一下的,但在ie6/7中,仅有文本一部分能够点一下,空白地区的地区却不能以点一下。

bug造成缘故:在ie6/7中,肯定精准定位的元素,假如里边的子元素向右波动,会使精准定位的这个父元素宽度变为100%,从而遮盖到a的上面,导致不能点一下(加上个情况色调,能够更直观)。

处理方法:即然宽度产生了转变,那就给精准定位的元素设定个宽度来处理难题。实际请看demo5。

这个bug确实不太好来讲明,還是立即看编码演试吧,有不搞清楚的请留言。

圣诞节立刻就要到了,祝大伙儿圣诞开心!