Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
プロパティを使用して単純な (リボンのような) 効果を作成しようとしていbox-shadowます。右側で作成しましたが、左側では効果が同じではなく、理由がわかりません! 誰かが何か考えがありますか?
box-shadow
私のコード: JSFIDDLE。
ここで何かを変更する必要がありますか?
box-shadow: 10px 10px 100px rgba(0, 0, 0, 10);
こんな感じですか?
Demo
(これがリボンのように見える場所がわかりません:)
TD をより高いレベルに昇格させる必要がありますz-index(使用position: relativeして動作させることにより)。
z-index
position: relative
また、 の 2 番目のパラメーターbox-shadowは両側に等しくなければならないことに注意してください。これは (垂直) y 軸です。
そして<div>、この種のものには<table>s を使用する方が良いです。 s は表形式のデータにのみ使用する必要があります。
<div>
<table>