国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

今天學到的CSS最新技術(與圖片背景相關)

2024-07-11 08:49:09
字體:
來源:轉載
供稿:網友

background:image-set()

      css4-images規范中的image-set可以實現Retina屏幕下圖片顯示,主要用以解決蘋果Retina屏幕對設計造成的挑戰。

在不支持image-set的瀏覽器下,他會支持background-image圖像,也就是說不支持image-set的瀏覽器下,他們解析background-image中的背景圖像;支持image-set:如果你的瀏覽器支持image-sete,而且是普通顯屏下,此時瀏覽器會選擇image-set中的@1x背景圖像;Retina屏幕下的image-set:如果你的瀏覽器支持image-set,而且是在Retina屏幕下,此時瀏覽器會選擇image-set中的@2x背景圖像。

  :目前image-set只能使用webkit瀏覽器的私有屬性“-webkit”在“Safari6”和“Chrome21”下運行。IOS 6也可以得到支持。不過很遺憾的是,目前別的瀏覽器還是不支持image-set,現在他僅是CSS4的一個草案,使用時應注意。

Webkit瀏覽器支持高分辨率CSS代碼 適配Retina
 background:element()

     -moz-element():對于background-image的擴展,允許使用任何其他元素作為當前元素的背景。使用方法如下:

復制代碼
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 罗山县| 五大连池市| 同江市| 吴堡县| 陕西省| 广州市| 柳河县| 巴里| 开原市| 广饶县| 同德县| 鱼台县| 德庆县| 紫金县| 大连市| 汕尾市| 延长县| 娱乐| 新干县| 泰和县| 侯马市| 富顺县| 尉犁县| 休宁县| 府谷县| 醴陵市| 丰镇市| 左权县| 收藏| 色达县| 屏东县| 盐源县| 腾冲县| 疏附县| 刚察县| 大竹县| 大埔区| 吴江市| 招远市| 金华市| 孟连|