背景图片hover加蒙层_用hover怎么将li的背景图片变透明，文字不变，是背景图片，不是img插入...

匿名用户

1级

2017-01-19 回答

1. h3,ul,li{ margin:0;无外补丁 padding:0;无内补丁}

2. ul,li{ list-style:none; 无列表样式}

3. .header{ width:950px;宽950像素 background:#ededed;背景颜色为#ededed margin:0 auto;上下外补丁为0、左右自动； border:1px solid #d9d8d8;颜色#d9d8d8一像素的实线边框 padding:5px; 外补丁5像素}

4. .brand{ float:left;向左浮动 width:555px;宽555}

5. .news{ float:right;向右浮动 width:373px;宽373}

6. .clear{ clear:both;清除浮动}

7. .pic{ border:1px solid #d9d8d8;颜色#d9d8d8一像素的实线边框 border-top:none;无上边框}

8. .pic_top{ background:url(images/top_bg.jpg) repeat-x;背景图片x方向平铺 height:31px;高31 line-height:31px;行高31}

9. .pic_top h3{ font-size:14px;字体大小14 color:#f06000; 字体颜色f06000 float:left;向左浮动 background:url(images/top_tt.jpg) no-repeat;背景图片不平铺 width:121px;宽 padding-left:15px;左内补丁15像素}

10. .pic_top a{ float:right;向右浮动 color:#525252; 字体颜色font-size:12px;字体大小 text-decoration:none; 无样式 padding-right:10px; 右内补丁10像素}

11. .pic_top a:hover{ color:#f60;字体颜色 text-decoration:underline;文字有下滑线 }

12. .pic_cont ul li a img, .ad a img{ padding:1px; border:1px solid #d9d8d8; }

13. .pic_cont ul li a:hover img, .ad a:hover img{ border-color:#f60;}

14. .pic_cont ul li{ float:left; margin-right:7px; display:inline;}

15. .pic_cont{ padding:10px; background:#fff;}

16. .ad{ margin-top:10px;}

17. .news{ float:right; width:372px; height:200px; background:blue;背景蓝色}

--------------------------

太多，重复的就不写了，上面有的。

追问：

你没看懂我的问题，我想用hover把背景图片透明度改为0.5，css要怎么写

背景图片hover加蒙层_用hover怎么将li的背景图片变透明，文字不变，是背景图片，不是img插入...相关推荐

背景图片hover加蒙层_css3给背景图片加颜色遮罩的方法
前段时间在开发中,遇到需要给背景层加颜色遮罩的项目,现在特定总结一下给背景图层加颜色遮罩的方法. 方法一:通过定位叠加(注意层级) .wrap1 { position: relative; width ...
背景图片hover加蒙层_css3实现图片遮罩效果鼠标hover以后出现文字
鼠标hover 以后.图片上面出现一个遮罩, 透明度变化, 显示设置好的文字的文字,完全使用css 实现,下图是效果关键代码复制代码代码如下: .featured-image:hover { op ...
react 判断图片是否加载完成_如何判断图片（img）是否已经加载成功--基于react...
我过去经常会问: 有没有一种方法去判断子类组件是否已经渲染完成? 答案当然是有的啦 componentDidMount(),在react component 已经渲染完成时就会调用 compone ...
java水印蒙层_如何通过Java加水印的方式实现一键添加校徽外圈
首先简单介绍一下项目的展示效果-->点击这里 <特别声明:如果你感觉图片比较有意思,也想要一张自己的专属头像,可以在评论区和我交流> 当你输入自己的QQ号,选择想要的校徽,就能直接获 ...
ps怎么把图片背景变透明_ps怎么添加背景？ps怎么添加背景图？
PS添加背景图的教程: 1.打开Adobe Photoshop.这是一个蓝色应用图标,其中包含字母" Ps". 2.单击文件.它位于屏幕顶部菜单栏的左侧. 3.点击打开....它在 ...
html文本框背景text怎么变透明,css怎么设置背景图片透明文字不透明？
项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果.下面我们来看一下这两种方法的使用. CSS实现背景图片透明,文字不透明效果的两种方法: 方法一(半透明效果) ...
ppt自制词云形状背景生成的词云图为什么还是矩形？——关键在于把png的白色背景变透明
在做词云图的时候,因为需要指定形状的词云图,所以想到用ppt绘制形状,将透明背景的形状另存为png图片保存到本地. 保存的图片如下: 再调用wordcloud包绘制词云图,设置词云背景为前面保存的pn ...
html加载富文本_富文本图片懒加载解决方案
图片懒加载,作为性能优化的一部分,想必我们并不陌生. 在React.Vue项目中,我们都可以引入对应的NPM包处理图片懒加载,如 lazyload.react-lazyload.vue-lazyloa ...
android中常用的下拉刷新加载更多_如何设计“加载流程”
为什么要处理"加载"状态在页面拉取数据.或提交某些数据时,需要一定的时间来等待服务端返回结果.如果不处理加载,用户可能会看到一片空白,以为你的软件出错:或者因没有建立心理预期,被 ...

背景图片hover加蒙层_用hover怎么将li的背景图片变透明，文字不变，是背景图片，不是img插入...

背景图片hover加蒙层_用hover怎么将li的背景图片变透明，文字不变，是背景图片，不是img插入...相关推荐

最新文章

热门文章