height: 100%; }background-image透明,背景图片透明,这些字并不会透明
背景图用png，有透明度。元素设置透明度当背景，另一个元素遮盖到上面 客串下它儿子，假装是这个元素的内容。css的opacity属性可以设置图片的透明属性。div{ background-image: url(img.png); opacity:0.4; filter:alpha(opacity=40);/* 针对 IE8 以及更早的版本 */ } 无法改变图片本身的透明度，...
body { background-image: url("d:\images\04.jpg"); background-position: 60px center; background-repeat:no-repeat; } 说了这么多例子,我想你对于定位,有一定的了解了吧。 (5)、背景图片的透明设置: 有的时候,我们总想着去将图片设置成透明的。 (6)、多幅背景图片的设置: 对于多幅背景图片的设置,...
background-image :规定要使用的背景图像。 可以看出background-image属性就是给html页面设置背景图片的属性,下面看看它的用法 1background-image:url(1.jpg); 这样在url()里给出图片的路径,就可以给div盒子设置一个背景图片;看似简单,但有一点要注意,设置背景图片的盒子必须要有实质的宽度与高度,这样才可以让背景...
background-color: antiquewhite; // 设置背景颜色 antiquwhite就是透明色。 background-image: url(); // 设置背景的图片 background-repeat: no-repeat; // 设置背景的图片是否重复,向哪个位置重复平铺 background-attachment: fixed; // 设置背景是否跟着屏幕的滚动而滚动 ...
1background-image:url(1.jpg); 这样在url()里给出图片的路径,就可以给div盒子设置一个背景图片;看似简单,但有一点要注意,设置背景图片的盒子必须要有实质的宽度与高度,这样才可以让背景图片在显示屏上显示。 上面的这些background属性如果一个一个的设置是不是感到繁琐,其实有些属性是可以放在一起设置的,这样的...
css的opacity属性可以设置图片的透明属性, #div{ background-image: url(img.png); opacity:0.4; filter:alpha(opacity=40);/* 针对 IE8 以及更早的版本 */ } 具体可以看下这个链接:http://www.w3school.com.cn/css/css_image_transparency.asp有...
比如在图片上添加半透明的背景色,可以增加文字的可读性;在页面整体背景上添加透明度,可以使页面呈现出更加通透、时尚的效果。下面为大家展示一个使用了背景加透明度的写法的效果示例: ```html <!DOCTYPE html> .cont本人ner { background-image: url('background.jpg'); background-color: rgba(255, 255...
body { background-image: url("d:\images\04.jpg"); background-position: 60px center; background-repeat:no-repeat; } 说了这么多例子,我想你对于定位,有一定的了解了吧。 (5)、背景图片的透明设置: 有的时候,我们总想着去将图片设置成透明的。 (6)、多幅背景图片的设置: 对于多幅背景图片的设置,...
默认的值是 transparent 透明的 背景图片(image) 语法: background-image : none | url (url) background-image : url(images/logo.png); 小技巧:我们提倡 背景图片后面的地址,url不要加引号。 背景平铺(repeat) 语法: background-repeat : repeat | no-repeat | repeat-x | repeat-y ...