求高手,怎么用css加前景图片

作者&投稿:步风 (若有异议请与网页底部的电邮联系)
CSS如何在图片上再加上一个图片~

1、打开操作软件这里用DW,定义一个css样式,如下图

2、首先看下,背景图效果,如下图所示:

3、在div中添加一个img,输入以下代码。如下图所示:

4、即可实现如题,css图片之上再加一张图片:如下图所示:


link标签引入就行了 你还外面包个style标签?你搞重复了,link是css的外联式写法,style是内联式,两者不可以同事使用啊!

用个大的层放上面,这个层的样式用滤镜设置半透明,即可!

实现思路是用额外的层来放半透明的纱图,用绝对定位放在内容层的上面。
给出关键代码
CSS代码
.content,.overlay{{width:apx;height: bpx;}
.content{position:relative;}
.overlay{background:url(纱图地址) repeat;position:absolute;z-index:1}

HTML代码
<div class="content" >
<div class="overlay"></div>
</div>

上面放遮罩图,只可能会让标签不能点击;
即使能实现,也不可取;
-------------------------------------------------------------------------

这个一般是对DIV做60%的透明处理,才显得有点灰度效果;
鼠标放到上面时,才可以有100%的透明度;


CSS是什么,怎么用
1)先在纸上写好在网站的网页中可能要用到的格名称,然后在Dreamweaver3的编辑窗中调出CSS面板,一个一个地定 义,并在一个空白页上适当地写一点相关内容,边定义边试用,效果不满意,立即修改; 2)全部定义好后,再用记事本创建一个空的CSS外连式文件,把在与之间的那段定义好的CSS复制 到CSS文件中去,就大功告成...

高手请支招!怎么样运用macromedia 8中创建的css
正确的写法是:用#st{样式},例如调用时用<DIV id=\\"st\\">内容<\/DIV>,id具有页面中的唯一性 用.st{样式},例如调用时用<DIV class=\\"st\\">内容<\/DIV>,class可以在同一网页中重复调用.或者是关键字如 用 input{样式},网页中所有的input效果便会自动呈现,不必调用 参考资料:希望我的答案对...

css简单网页框架代码(css做框架)
首先,您需要创建一个div,对div进行添加一个class。我们利用CSS通过class来设置div的边框。创建一个用于设置边框的CSS文件,对于您实际开发中,将边框添加到您的CSS文件中即可。新建一个html文件,命名为test.html,用于讲解div+css布局的基本流程。在test.html文件内,对body进行样式初始化,设置外边距mar...

css可以单独使用吗(css可以用来干嘛)
1、DIV+CSS尽管不是高不可及,但至少要比表格定位复杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了。 2、CSS网站制作的设计元素通常放在1个外部文件中,或几个文件,有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。 3、虽然说DIV+CSS解决了大部分浏览器兼容问题...

CSS高手进。。。
包括访问的和未访问的。解决办法用a{color:red}代替a:link a:visited{color:yellow} 定义访问过的样式 a:hover{color:blue} 定义鼠标悬浮的样式 a:active{color:black} 定义鼠标按下的样式 联合使用时,注意顺序,不然会使超链接的样式失效;通常我们只需定义a和a:hover就可以了。

怎样才算DIV+CSS高手
对于高手,没有一个准确的界定。一般情况下,一个人被称为某个行业、某个领域或者某个问题的高手,最起码给人的感觉是:对于这个领域所出现的问题,基本都能解决。不管他采用的是什么途径,不一定都是记在脑子里的,重点强调的是有解决问题的能力。当有人称赞你是高手的时候,你就是了。

css怎么设置下划线的长度css怎么设置下划线的长度和宽度
在html中,设定他的style属性中设置长度style=weight:10px就行,只需要更改后面的数值,我这里写的是10px,自行修改就可以 css如何设置下划线长度?方法一:1、根据所需要下划线的长度,输入若干个空格;2、选中空格,按组合键Ctrl+u即可。方法二:在英文半角状态下,按住Shift,再据所需要下划线的长度,...

请问高手怎么用DIV+CSS布局出入图所示的效果,要求随窗口到小变化而布局...
<!-- { margin:0; padding:0;} header { margin-bottom:5px; height:100px; background:#aaa;} sidebar { float:left; width:200px; height:500px; background:#ccc;} content { margin-left:205px !important; margin-left:202px; height:500px; background:#eee;} --> Header side...

哪位高手能告诉我用css实现点点网的这种效果该如何做呢?
1. 文字段的圆角是CSS3实现的.-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; 只有在支持CSS3的浏览器里才看得到 2. 图片的圆角是两个透明的图片复盖在图片上的结果,看看这个图片http:\/\/s.libdd.com\/img\/app\/radarpro-sprites.$2013.png里的两个圆角图片.3....

CSS代码修改(高手进)
CSS代码修改(高手进) 基础代码在我的空间文章中(提问有字数限制),将大背景改成半透明;博客文章背景不透明;边框美化一下.将第一个要求实现即可~~~在空间留言也可,怎么方便怎么弄!可追加分!!!... 基础代码在我的空间文章中(提问有字数限制),将大背景改成半透明;博客文章背景不透明;边框美化一下.将第一个...

罗城仫佬族自治县15537104562: HTML怎么插入背景图片? -
楚侧艾尔: 很容易,只要用CSS控制就可以了.在有插入背景图片的标签中加入一段代码就OK.代码如下: style= "background-repeat: no-repeat " 比如:

罗城仫佬族自治县15537104562: .net用CSS添加页面背景图片怎么添加 -
楚侧艾尔: 比如<div class="abc"> 那CSS里面就写.abc{background:url("/images/aaaa.jpg") repeat-x top left;} 注意,图片的地址是css文件相对于图片的地址,不是页面相对于图片的地址.repeat-x只背景图像的重复方式,还可以repeat-y | no-repeat top和left是对齐方式

罗城仫佬族自治县15537104562: asp网站中,想要给网站添加背景色或图片,在CSS文件中加什么代码,怎么写呢? -
楚侧艾尔: 背景颜色:body{ background:#fff; /***颜色任意****/ } 背景图片:body{ background:url(../images/xxx.jpg) repeat; /***图片任意****/ }

罗城仫佬族自治县15537104562: 嗯怎么用css加图片背景呀?
楚侧艾尔: 应该对你有帮助的!用background属性 例如:body{background:url(images/bg.jpg)no-repeat}其中 url(images/bg.jpg)为背景图片路径;no-repeat表示不重复.这个值可以为repeat、repeat-x、repeat-y或者no-repteat. 默认为repeat.repeat-x为横向重复;repeat-y为纵向重复;no-repteat为不重复. 希望对你有帮助.

罗城仫佬族自治县15537104562: css外部链接时怎么添加背景图片 -
楚侧艾尔: CSS背景图片文件是相对CSS文件的.不是相对WEB文件.如果背景图片与CSS在同一文件夹,就可以直接写文件名.不是的话就要加上相对CSS文件的路径!

罗城仫佬族自治县15537104562: 怎么用css样式 给一个div同时加一个背景图片不重复,其余的地方加上底色? 也就是怎么同时加背景和底色
楚侧艾尔: &lt;head&gt; &lt;style&gt; .content{background:url(图片地址) no-repeat scroll top center 颜色;} 这个样式就是加背景图片,后面接的底色. &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="content"&gt; 里面放内容 &lt;.div&gt; &lt;/body&gt;

罗城仫佬族自治县15537104562: 如何利用CSS+DIV实现背景为一条线,前景为图片效果? -
楚侧艾尔: 刚手写的,希望是你要的效果;可以兼容不同浏览器的水平和垂直居中 <body style="margin:0; padding:0;"> <div style="height:1px; background-color:#000; position:absolute; top:50%; left:0px; width:100%;"></div> <div style=" background-...

罗城仫佬族自治县15537104562: 如何在css中为网站底部加背景图片 -
楚侧艾尔: 你的意思是只在copyright部分添加背景图片吗?那直接在该选择器下添加以下这么一条属性就OK咯.background-image: url(图片路径); background-repeat: no-repeat;background-position:...

罗城仫佬族自治县15537104562: 在html中定义了一个表格,如何在css内对它中的那个单元内插入图片 -
楚侧艾尔: 要看你是用背景图还是前景图 .如果是背景图的话,对需要插入的td,命名类名,使用background-image属性即可.如果是前景图,只要在td中再插入个<img>标签即可

罗城仫佬族自治县15537104562: 京东后台怎么用css添加背景图片 -
楚侧艾尔: 如果是想给整个页面加背景图可以用:<style type="text/css"> body { background-image: url(bj.jpg); background-position: center top; }</style> 其中bj.jpg换成您自己的图片地址,例如:www.baidu.com/bj.jpg

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网