快易迅软文营销网站
您的位置 > 首页 > 软文营销推广

软文营销:css+div透明参数设置

透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码:
.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
上面的几个属性分别是: opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持Firefox, Safari和 Opera. filter:alpha(opacity=50); 这个是为IE6设的,可取值在0-100,其它三个0到1. -moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。 -khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。 CSS透明度继承问题 但CSS的透明属性涉及到一个继承问题,当为父级元素设置透明度后,子元素将自动继承其透明度,即使你又为子元素指定透明度为1也是无效的。 对于子元素是文字的情况,我的解决方法一般是如果多少还能够看清,就不管。另一个折衷的方法是,为文本子元素指定一个相对更深的颜色。也就是说,当子元素继承透明度后,所得到的文本颜色正好就是你想要的。前提是,这个颜色还有加深的可能,和需要详细的计算颜色和透明度的值。 还有"取消透明度继承”的说法,这个说法是不太准确的,据我个人所知,没有任何取消透明度继承的方法。只能说,当想要实现"多个元素覆盖,只让指定的元素透明”时,可以使用的一些Hack。 搜了一下,找到一个不错的实现这种效果的方法 – 一个关于透明继承度的问题,有兴趣的朋友可以看看。原理很简单,添加一个空元素作为透明层,和不想透明但是要实现覆盖效果的元素为同级元素。父级元素使用position:relative定位; 两个子元素使用position:absolute定位,实现覆盖。 html代码:
<div ><div ></div>这里文字图片都没透明度了 
<div >图片</div> 
</div>
CSS代码
body { 
background-image: url(./105247.png); 
background-repeat: repeat; 
} 
.div2{ width:100px; height:100px; background: url(./testbok.png)} 
.div3{ width:200px; height:200px; position:relative; margin-top:10px} 
.div4{  position:absolute; top:0; height:200px; width:200px; z-index:-1; background:#FFFFFF;filter:alpha(opacity=70);opacity:0.7;}
 
相关推荐
  • 软文营销:网站遵循web标准就会通过搜索引擎获益?

      搜索引擎有自己独有的算法,其公司也是非常注重保护排名方式的隐私。把商业机密透露给竞争对手或那些尝试破坏系统的人也是很不道德的。所以,如果真想知道网站遵循web标

    2021-05-20 14:01:23

    分享
  • 新网站做排名需要注意哪几点?

    很多初做seo的朋友都会有这样的困惑:网站新建设好时,排名还不错的,自己也在很努力的去做优化,想让网站排名更好一点,但做着做着发现排名不但没有上升,反而下降了,有些关键词直接

    2021-05-20 14:00:32

    分享
  • 软文发稿:品牌网络推广方案(手把手教你全网营销6大方法)

    1、分析用户群体 现在的年轻人最注重产品的享受和服务,情感营销正是这个时代的产物,目标消费者喜欢什么?最能打动他们的信息是什么?什么信息能让他们不仅看了信息,分享了

    2021-05-20 14:00:22

    分享
  • 软文营销:网站收录的知识内容

      网站收录的知识内容  大家在进行搜索关键词的时候都会通过一些搜索引擎来进行,搜索引擎会出现相关关键词的网站。这些网站能够出现在搜索用户的界面上面,相关的网站管理

    2021-05-20 14:00:18

    分享
  • 软文推广:关注!网络空间不容"机器人水军"这门生意

    “众口铄金,积毁销骨。”在社交媒体时代,这竟然也可以成为一门“生意”。近期,因为在电视剧中扮演了讨厌的角色,一些演员成为网民侮辱谩骂的对象。无良网店

    2021-05-20 14:00:18

    分享
  • 软文营销:如何写出优质软文,这些软文写作技巧一定要掌握!

      软文推广已经成为很多企业线上营销的一种模式,因为现在是互联网高速发展的时代,网上信息传播的非常快,所以无论是线上的企业还是线下的企业,都必须做好软文推广,我们只有把高

    2021-05-20 14:00:18

    分享
  • 软文营销:网站是如何建成的

      网站在现代社会如同雨后春笋般的出现在大众面前,大到一个公司或企业,小到个人网站,形形色色,五花八门,那么,这里有一个问题,那就是那些大的企业网站和小的个人网站他们之间在

    2021-05-20 13:00:52

    分享
  • 网站设计有什么技巧?

    网站作为一家公司的官方形象,重要性毋庸置疑。对于选择自助建站的人来说,很多没有设计的经验。今天网站设计的5个技巧,帮助大家做出更加漂亮的网站。 一、网

    2021-05-20 13:00:33

    分享
  • 软文发稿:销售工作内容简述怎么写(附:日常工作内容标准范文)

    一、销售部部门职责 1、定期组织市场调研,收集市场信息,分析市场动向、特点和发展趋势。 2、收集有关竞品的信息,掌握当地啤酒市场的动态,分析销售和市场竞争发展状况,提出改进方

    2021-05-20 13:00:30

    分享
  • 软文营销:报纸软文的特点都有哪些?怎样做好报纸广告软文?

      目前,广告业的发展可以说是非常迅速的,许多人把目光转向互联网。他们认为传统的广告渠道已经被时代抛弃了,事实上,传统的媒体渠道,特别是报纸软文,在广告业的发展中发挥了重要

    2021-05-20 13:00:16

    分享
返回列表