最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

如何实现chrome浏览器新标签页的效果_html/css_WEB-ITnose

来源:懂视网 责编:小采 时间:2020-11-27 16:31:21
文档

如何实现chrome浏览器新标签页的效果_html/css_WEB-ITnose

如何实现chrome浏览器新标签页的效果_html/css_WEB-ITnose:CSS Chrome 我想做一个类似chrome浏览器 新标签页的效果 遇到有3个问题,望大家指导 1.超链接 上面是图片 下面是文字 点中图片和文字都可以跳转到指定页面 可是我看标签下不能使用标签 这种效果如果做出 是不是该这样? 2
推荐度:
导读如何实现chrome浏览器新标签页的效果_html/css_WEB-ITnose:CSS Chrome 我想做一个类似chrome浏览器 新标签页的效果 遇到有3个问题,望大家指导 1.超链接 上面是图片 下面是文字 点中图片和文字都可以跳转到指定页面 可是我看标签下不能使用标签 这种效果如果做出 是不是该这样? 2
CSS Chrome

我想做一个类似chrome浏览器 新标签页的效果

遇到有3个问题,望大家指导

1.超链接
上面是图片 下面是文字
点中图片和文字都可以跳转到指定页面

可是我看标签下不能使用标签
这种效果如果做出

是不是该这样?





  • 2.图片自适应窗口大小
    看了网上许多图片自适应窗口的例子
    可是chrome这种效果还是模拟不出

    3.点击超链接图片时
    会有深灰色背景
    这种效果css怎么做出


    回复讨论(解决方案)

    1.就那样就行
    2.body尺寸设为百分比,img尺寸设为百分比,就是说img及其上级标签都未百分比尺寸就可以了
    3.用半透明的层遮盖一下不就有灰色效果了

    1.就那样就行
    2.body尺寸设为百分比,img尺寸设为百分比,就是说img及其上级标签都未百分比尺寸就可以了
    3.用半透明的层遮盖一下不就有灰色效果了

    继续请教

    针对问题2. 我也是用百分比设置尺寸
    可是我发现 chrome浏览器在最大化和普通窗口下的图片长度占的百分比会不一致
    这是怎么实现的?

    针对问题3. 能告诉再详细点吗,我不是很明白

    1.就那样就行
    2.body尺寸设为百分比,img尺寸设为百分比,就是说img及其上级标签都未百分比尺寸就可以了
    3.用半透明的层遮盖一下不就有灰色效果了

    3 我做出来了
    用opacity设置透明度

    2 还是有疑惑


    1.就那样就行
    2.body尺寸设为百分比,img尺寸设为百分比,就是说img及其上级标签都未百分比尺寸就可以了
    3.用半透明的层遮盖一下不就有灰色效果了

    3 我做出来了
    用opacity设置透明度

    2 还是有疑惑

    用meta 改一下不同宽度调用的CSS文件


    1.就那样就行
    2.body尺寸设为百分比,img尺寸设为百分比,就是说img及其上级标签都未百分比尺寸就可以了
    3.用半透明的层遮盖一下不就有灰色效果了

    3 我做出来了
    用opacity设置透明度

    2 还是有疑惑
    实在不行就window的resize事件中js获取页面的尺寸,然后设置img的width,height,并不复杂,js获取页面尺寸的代码百度搜一下就有了



    1.就那样就行
    2.body尺寸设为百分比,img尺寸设为百分比,就是说img及其上级标签都未百分比尺寸就可以了
    3.用半透明的层遮盖一下不就有灰色效果了

    3 我做出来了
    用opacity设置透明度

    2 还是有疑惑
    实在不行就window的resize事件中js获取页面的尺寸,然后设置img的width,height,并不复杂,js获取页面尺寸的代码百度搜一下就有了

    ok
    我另外查了网上,还可以用js获取屏幕尺寸,调用不用的css
    问题解决,谢谢

    文档

    如何实现chrome浏览器新标签页的效果_html/css_WEB-ITnose

    如何实现chrome浏览器新标签页的效果_html/css_WEB-ITnose:CSS Chrome 我想做一个类似chrome浏览器 新标签页的效果 遇到有3个问题,望大家指导 1.超链接 上面是图片 下面是文字 点中图片和文字都可以跳转到指定页面 可是我看标签下不能使用标签 这种效果如果做出 是不是该这样? 2
    推荐度:
    标签: 浏览器 如何 怎么
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top