背景圖片固定大法(background-attachment)

background-attachment 定義和用法

background-attachment 屬性設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動(dòng)。

可能的值

實(shí)現(xiàn)背景圖片固定的實(shí)用代碼

背景固定大法

傳說中的背景固定大法

傳說中的背景固定大法

傳說中的背景固定大法

傳說中的背景固定大法

傳說中的背景固定大法

傳說中的背景固定大法

傳說中的背景固定大法

傳說中的背景固定大法

傳說中的背景固定大法

傳說中的背景固定大法

圖像透明度大法(opacity)

定義和用法

opacity 屬性設(shè)置元素的不透明級(jí)別。

語法

opacity: value|inherit;

實(shí)例一：創(chuàng)建透明圖像

圖像透明度

注釋：在 IE 中，必須添加 ，這樣才能將 :hover 選擇器用于除了 之外的其它元素。

實(shí)例二：半透明框中加文本

呈現(xiàn)方式

This is some text that is placed in the transparent box.This is some text that is placed in the transparent box.This is some text that is placed in the transparent box.This is some text that is placed in the transparent box.This is some text that is placed in the transparent box.

title標(biāo)題前加小圖標(biāo)大法

登錄界面# 注意：rel = icon# href 填寫所選圖標(biāo)地址

PS：注意圖片格式可為PNGGIFJPEGico，尺寸一般為16x16、24x24、36x36等(但親測(cè)僅有ico格式可以顯示)

制作ico格式圖片步驟：

建議使用PS制作一張大小為16*16或者24*24或者36*36的圖片(圖片長度單位為【像素】，存儲(chǔ)為【png，jpg】格式)

將圖片保存

打開以下網(wǎng)址：http://www.bitbug.net/

將圖片按其操作步驟制作，產(chǎn)出ico格式圖片

呈現(xiàn)方式

#前端##html##開發(fā)#

總結(jié)

以上是生活随笔為你收集整理的使用hover后隐藏的图片不显示_持续分享CSS使用小技巧的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。