一级黄色片在线看_久久亚洲精品国产一区_成人综合区一区_97干在线视频_欧美一区二区三区免费不卡_日本免费靠逼视频

image()

語(yǔ)法:

image() = image( [ [ <image> | <string> ]? , <color>? ]! )

說(shuō)明:

image() 用于指定圖像或者圖像替代。允許作者這樣做:
  • 使用媒體片段(media fragments)裁減圖像的部分區(qū)域;

    我們知道假設(shè)是使用背景圖的話,可以通過(guò) background-position 來(lái)決定從背景圖的哪個(gè)位置開(kāi)始顯示

    div { background-image: url(test.png); background-position: 10px 10px; }

    上述代碼會(huì)以圖像 test.png 的 (10,10) 位置作為圓點(diǎn)以進(jìn)行顯示,但如果你只想顯示圖像一部分,就變得有點(diǎn)困難。

    所以之后可以這么做:

    div { background-image: image(test.png#xywh=10,10,20,20); }

    上述代碼會(huì)以圖像 test.png 的 (10,10) 位置作為圓點(diǎn),截取一個(gè) 20x20 的矩形以進(jìn)行顯示。

  • 使用純色作為圖像;

    示例:

    div { background-image: image(black), url(test.png); }

    可以使用 image() 來(lái)指定使用純色作為圖像,但此時(shí) background-color 將不再生效,因?yàn)楸尘吧偸窃谒械谋尘皥D之下。

  • 當(dāng)指定的圖像不能下載或者正確解碼時(shí),回退使用純色圖像;

    之前的語(yǔ)法中,有一個(gè)不太恰當(dāng)?shù)膱?chǎng)景與之類似,如下代碼:

    body { background: white; color: black; } div { background: url(black.png) black; color: white; }

    上述代碼能保證當(dāng) black.png 加載失敗,文本也仍然是可讀的,因?yàn)楸患兒谏谋尘疤娲藞D像,所以白色的文本仍然可見(jiàn)。唯一的問(wèn)題是,如果圖像不是矩形的,或者圖像是半透明的,那么這時(shí)圖像下面的黑色背景會(huì)被看到。

    所以 image() 能更好的解決這個(gè)問(wèn)題,如下代碼:

    body { background: white; color: black; } div { background: image(black.png, black); color: white; }

    本例的代碼能保證當(dāng)圖像無(wú)法加載時(shí),使用黑色背景替代,并且如果當(dāng)圖像正確加載時(shí),黑色背景將不渲染,很好的解決了之前例子中存在的問(wèn)題。

  • 在圖像元數(shù)據(jù)中自動(dòng)遵循圖像的定位;

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
6.0-11.0 2.0-38.0 4.0-43.0 3.1-8.1 5.0-28.0 3.2-8.1 2.1-4.4.4 18.0-40.0
主站蜘蛛池模板: 日韩中文字幕在线观看 | 搞黄视频在线免费观看 | 99精品国产高清在线观看 | 亚洲高清不卡一区 | 99一区二区 | 久久999免费视频 | 欧美成人免费视频 | 国产一区二区在线免费 | 精品一区二区三区日本 | 亚洲精品www久久久 国产精品免费播放 | 国产精品一区二区三区四区五区 | 国产一区高清 | 成人网18免费网站 | 国产伦精品一区 | 国产精品久久久久久吹潮 | 成人av网站在线观看 | 九九热久久久99国产盗摄蜜臀 | 天堂俺去俺来也www久久婷婷 | 午夜噜噜噜 | xxxx欧美| 精品亚洲国产成av人片传媒 | 日韩久久免费视频 | 国产成人久久精品麻豆二区 | 国产精品黄色片 | 让男人欲仙欲死的床技 | 欧美日韩亚洲系列 | 最近中文字幕在线mv视频7 | 人人澡人人爽 | 国产精选h网站 | 国产精品午夜一区二区欲梦 | 成人一区二区三区 | 日韩精品在线免费观看 | 日韩欧美国产视频 | 自拍第一页 | 精品1区2区 | 亚洲视频在线观看免费 | 欧美1级 | 国产精品一区久久 | 国产午夜小视频 | www.五月激情.com | 国产综合网站 |