如何实现chrome浏览器 新标签页的效果_html/css_WEB-ITnose
遇到有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
问题解决,谢谢
上一篇: PHP函数:生成N个不重复的随机数,php 随机数
下一篇: 微信小程序 数据访问实例详解
推荐阅读
-
如何实现chrome浏览器 新标签页的效果_html/css_WEB-ITnose
-
谷歌Chrome浏览器 兼容background-attachment:fixed;吗?如何做到火狐背景图片固定的效果_html/css_WEB-ITnose
-
在
- 标签内设置list-style-type:disc样式后,为什么在IE11和火狐浏览器显示效果不一样?如何使ie11显示成火狐的样子?_html/css_WEB-ITnose
-
用尽量少的DIV 标签配合样式如何实现下面2图效果(不考虑兼容性,不允许使用图片或背景图)?_html/css_WEB-ITnose
-
用尽量少的DIV 标签配合样式如何实现下面2图效果(不考虑兼容性,不允许使用图片或背景图)?_html/css_WEB-ITnose
-
如何实现chrome浏览器 新标签页的效果_html/css_WEB-ITnose
-
求助为什么效果只能在火狐的浏览器实现,IE、chrome要么效果不理想,要么不行_html/css_WEB-ITnose
-
谷歌Chrome浏览器 兼容background-attachment:fixed;吗?如何做到火狐背景图片固定的效果_html/css_WEB-ITnose