這篇文章給大家介紹怎么在CSS中繼承inherit屬性，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
法一：-webkit-box-reflect
這是一個十分新的 CSS 屬性，使用起來十分簡單，可以從各個方向反射我們內容。不過兼容性過于慘淡：
基本上是只有 -webkit- 內核的瀏覽器才支持。
不過使用起來真的是方便，解題如下：
不過使用起來真的是方便，解題如下：
div{
-webkit-box-reflect: below;
}box-reflect 有四個方向可以選， below | above | left | right 代表下上左右，更具體的可以看看 MDN 。
法二：inherit，使用繼承
本題主要還是為了介紹這種方法，兼容性好。
inherit 是啥，每個 CSS 屬性定義的概述都指出了這個屬性是默認繼承的 ("Inherited: Yes") 還是默認不繼承的 ("Inherited: no")。這決定了當你沒有為元素的屬性指定值時該如何計算值。
靈活使用 inherit 繼承父值，可以解決許多看似復雜的問題。對于本題，我們對圖片容器添加一個偽元素，使用 background-image:inherit 繼承父值的背景圖值，就可以做到無論圖片如何變，我們的 CSS 代碼都無需改動：
div:before {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
bottom: -100%;
background-image: inherit;
transform: rotateX(180deg);;
}關于怎么在CSS中繼承inherit屬性就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
