P粉4188540482023-08-22 18:31:09
これは可能であり、 には追加のマークアップ は必要ありませんが、代わりに ::after
疑似要素 が使用されます。
これには、背景がグラデーションになった疑似要素をその下に配置し、トリミングする必要があります。これは、ベンダー プレフィックスやハックなしで (IE も含めて) 現在のすべてのブラウザーで機能しますが、古いバージョンの IE をサポートしたい場合は、単色のフォールバック、JavaScript、カスタム MSIE CSS 拡張機能 (つまり
##) の使用を検討する必要があります。 #filter、CSSPie のようなベクトル トリックなど)。
これは実際の例です (
リーリー リーリー
これはどんな背景でも機能します
の有無にかかわらず、
box-shadow とうまく機能します。
疑似要素に影を追加する必要はありませんP粉7104549102023-08-22 13:21:05
W3C 仕様によるとおそらく不可能です:
これは、border-image
が潜在的に複雑なパターンを採用する可能性があるためである可能性があります。円形の画像境界線が必要な場合は、自分で境界線を作成する必要があります。