DW设置网页链接

DW设置网页链接html部分代码如下：
!doctype html
html
head
meta charset=“utf-8”
link rel=“stylesheet” href=“css/SYNR.css”
title无标题文档/title
/head
body
div id=“div1"img src=“images/tu2.jpg” alt=”"/div
div class=“synr”
div class=“dlsf”
p欢迎使用苏凡推荐WIN7系统下载点/p
/div
div class=“wz”
a href=“http://www.dhghost.cn/”>电脑公司WIN7/a
/div
div class=“tupian”
a href=“http://www.ylmfeng.com/”>雨林木风WIN7/a
/div
/div
/body
/html
DW设置网页链接CSS部分代码如下：
@charset “utf-8”;
/* CSS Document */
.synr{
width: 100%;
height: 40px;
}
p{
text-align:center;
}
img{
opacity: 1;
}
div#div1{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
}
div#div1>img{
height: 100%;
width: 100%;
border: 0;
}
效果图如下：
图1是没有点击之前

图2是点击后：
图2