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

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

一、总结

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

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

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

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

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

opacity: 0.5;

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

1、相关知识

50和0.5是透明度,按自己需要修改吧。
css代码:
.box{ 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 <!-- 四、手机时打赏悬浮框边的比较透明-->
 
原文地址:https://www.cnblogs.com/Renyi-Fan/p/9262443.html