HTML怎么弄鼠标移到图片出现半透明背景且背景0显示文字。重点是文字不透明！只有背景透明

HTML怎么弄鼠标移到图片出现半透明背景且背景0显示文字。重点是文字不透明！只有背景透明HTML怎么弄鼠标移到图片出现半透明背景且背景上显示文字。重点是文字不透明！... HTML怎么弄鼠标移到图片出现半透明背景且背景0显示文字。重点是文字不透明！只有背景透明HTML怎么弄鼠标移到图片出现半透明背景且背景上显示文字。重点是文字不
透明！展开

 我来答

2个回答

#热议# 上班途中天气原因受伤算工伤吗？

Kaelin_cn
推荐于2017-12-15 · 超过64用户采纳过TA的回答

知道小有建树答主

回答量：123

采纳率：0%

帮助的人：72.1万

我也去答题访问个人页

关注

展开全部

这么简单的问题，这个是CSS设置的，设置该ID 或者CLASS下鼠标在上面的时候背景颜色跟字体颜色就行了！

a:hover{background:#000;opacity:0.5;color:#fff;display:block;}

这里只是把全部都写在一起了，具体还要根据你表格的选择器来写！要设置透明度就用CSS的opacity设置！字体颜色就是用color!

已赞过 已踩过<

评论收起

匿名用户
2016-06-24

展开全部

<!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=utf-8" />

<title>Web开发者网络 - www.admin10000.com</title>

<style type="text/css">

.warp{ background:#eee url(back.jpg) no-repeat left top; width:440px; height:400px; border:1px solid #ccc;}

.content { width:180px; height:260px; margin:0px auto; padding:30px 30px; background:rgba(255, 255, 255, 0.6)!important;

filter:Alpha(opacity=60); background:#fff; /*　使用IE专属滤镜实现IE背景透明*/ }

.content p{ position:relative;} /*实现IE文字不透明*/

</style>

</head>

<body>

<div class="warp">

<div class="content"><p>Admin10000.com
是WEB开发者学习交流必备网站。Admin10000.com 是WEB开发者学习交流必备网站。Admin10000.com
是WEB开发者学习交流必备网站。Admin10000.com 是WEB开发者学习交流必备网站。Admin10000.com
是WEB开发者学习交流必备网站。Admin10000.com 是WEB开发者学习交流必备网站。</p></div>

</div>

</body>

</html>

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

HTML怎么弄鼠标移到图片出现半透明背景且背景0显示文字。重点是文字不透明！只有背景透明

其他类似问题

为你推荐：