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

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

一、总结

一句话总结：就一个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、代码

<!-- 四、手机时打赏悬浮框边的比较透明-->
<script>
width=$(window).width();
if(width<600){
    $('#fry_append').css({
        'opacity':'0.5'
    })
    $('#div_digg').css({
        'opacity':'0.9'
    });
}
</script>
<!-- 四、手机时打赏悬浮框边的比较透明-->