首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

怎么实现chrome浏览器 新标签页的效果

2013-06-19 
如何实现chrome浏览器 新标签页的效果我想做一个类似chrome浏览器 新标签页的效果遇到有3个问题,望大家指

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

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

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

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

是不是该这样?
<ul>
  <li><a><img /></a></li>
  <li><a></a></li>
<ul>

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

3.点击超链接图片时
会有深灰色背景
这种效果css怎么做出 CSS Chrome
[解决办法]
1.就那样就行
2.body尺寸设为百分比,img尺寸设为百分比,就是说img及其上级标签都未百分比尺寸就可以了
3.用半透明的层遮盖一下不就有灰色效果了
[解决办法]

引用:
Quote: 引用:

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


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

2 还是有疑惑

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

热点排行