如何修改页面元素在手机访问时的透明度

如何修改页面元素在手机访问时的透明度

一、总结

一句话总结：就一个opacity属性。

 

1、修改页面元素透明度的时候出现的两个问题？

书写符号问题，把英文的:写成了中文的：，在博客园那个代码里面看不出来，推荐在外面写代码

之后写的代码的样式被之前写的代码的样式覆盖：推荐后面写的代码一律放在后面

 

 

2、如何修改页面元素透明度？

opacity: 0.5;

 

 

二、修改页面元素透明度的时候出现的两个问题

1、相关知识

50和0.5是透明度，按自己需要修改吧。
css代码：
.box{ width:100px; height:100px; background-color:#000; filter:alpha(Opacity=50); opacity: 0.5; }
html代码：
<div class="box">透明区域</div>

filter:alpha(opacity=30);这一个是针对 IE浏览器

 

2、代码

 

 1 <!-- 四、手机时打赏悬浮框边的比较透明-->
 2 <script>
 3 width=$(window).width();
 4 if(width<600){
 5     $('#fry_append').css({
 6         'opacity':'0.5'
 7     })
 8     $('#div_digg').css({
 9         'opacity':'0.9'
10     });
11 }
12 </script>
13 <!-- 四、手机时打赏悬浮框边的比较透明-->