北屋教程网

专注编程知识分享,从入门到精通的编程学习平台

“打开App,阅读全文”成惯用套路,完整浏览网页为何这么难?

一条信息刚看了一半,突然页面提示必须再次点击或下载指定App才能阅读全文,操作稍有不慎,手机就会跳转到应用商店。无孔不入的折叠和跳转让用户体验大打折扣。

记者调查发现,“打开App,阅读全文”已经成为多数资讯类平台的惯用套路。平台为了吸引新用户“上钩”,硬是阉割了原本能在浏览器上完整展现的信息,然后通过页面弹窗、突出显示等方式布设“陷阱”引导下载App,让人防不胜防。

跳转按钮成了网页“牛皮癣”

用手机浏览器打开新浪财经频道,可以看到,不少信息的标题后贴着一个“App专享”的标签。点击该标题,页面会提示“该文章为新浪财经App专享文章”,并自动跳转到应用商店的“新浪财经”下载页面。

踩坑:前端的z-index 之bug一二

IE6下浮动元素bug

给IE6下的一个div设置元素样式, 无论z-index设置多高都不起作用。这种情况发生的条件有三个:

1. 父标签position属性为relative;

2. 问题标签无position属性,不包括static;

3. 问题标签含有浮动(float)属性;

IE6/7 下均有haslayout的属性,但是IE7下无此bug,所以应该不是hasLayout属性的错误,解决方法有三:

z-index详解

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

层级关系的比较

1. 对于同级元素,默认(或position:static)情况下文档流后面的元素会覆盖前面的。

2. 对于同级元素,position不为static且z-index存在的情况下z-index大的元素会覆盖z-index小的元素,即z-index越大优先级越高。

3. IE6/7下position不为static,且z-index不存在时z-index为0,除此之外的浏览器z-index为auto。

<< 1 >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言