为了账号安全,请及时绑定邮箱和手机立即绑定

老师,为什么我这个不能实现简单图片展示?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

#wrap{

      width:400px;

 height:240px;

 margin:0 auto;

 background:url(图片/xuan5.jpg) no-repeat;

 position:relative;

 }

span{

position:absolute;

bottom:0px;

left:0px;

width:400px;

filter:alpha(opacity=60);

opacity:0.6;

font-family: "新宋体";

color: #FFFFFF;

text-align:center;

font-size: 24px;

background-color: #000000;

display:none;

}

a:hover{

     border:1px solid #003399;

}

   

#wrap a:hover span{

    display:block;

</style>  

 

</head>


<body>

<div id="wrap">

     <a href="http://chs.nuomi.com/?lf=2"><span> 勤能补拙</span></a>

</div>

</body>

</html>


正在回答

2 回答

顺便再<head>中间插入<meta charset="UTF-8"/> 不然字体会乱码的吧

0 回复 有任何疑惑可以回复我~

可以。可能你的图片路径有问题

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
图片展示特效
  • 参与学习       29139    人
  • 解答问题       81    个

使用JS技术实现图片展示效果效果,让网页增彩是否心动,快快加入我们

进入课程

老师,为什么我这个不能实现简单图片展示?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信