JavaScript 透明背景色

最新推荐文章于 2023-11-26 21:30:06 发布

平平常常一般牛

最新推荐文章于 2023-11-26 21:30:06 发布

阅读量3k

点赞数

文章标签： javascript

折扇戏美人

本文链接：https://blog.csdn.net/CSDN_java1005/article/details/106531982

版权

JavaScript 透明背景色

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <script src="jquery.min.js"></script>
  <script type="text/javascript">
   $(function(){
    $("img").hover(function(){
     $("div,p,a").show();
    },function(){
     $("div,p,a").hide();
    })
   })
  </script>
  <style type="text/css">
   div{
    color: white;
    width: 251px;
    height: 423px;
    font-size: small;
    position: relative;
    /* display: none; */
    background-color:rgba(255,104,49,0.6);
    bottom: 442px;
    left: 4px;
    }
   p{
    position: relative;top: 150px;
    text-align: center;
    font-size: small;
    }
   a
   {
    text-decoration: none;
    color: white;
    position: relative;
    top: 360px;
    left: 200px;
   }
  </style>
 </head>
 <body>
  <img src="img/1-1.png" />
  <div>
   <p>西优里格 蕾丝镂空女式衬衫 韩版长袖衬衣</p>
   <a href="#">去购买&gt;</a>
  </div>
  
 </body>
</html>

效果图 图片自己改

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

平平常常一般牛

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript 透明背景色

JavaScript 透明背景色<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("img").hover(f
复制链接

扫一扫