まだ解決策が見つからないので、質問があります。
この画像は、ご覧のとおり、「中央」が完全に透明で、境界線が部分的です。私が達成したいのは、「境界線」を透明にし、「中心」を赤くすることです.しかし、境界線は完全に透明にする必要があります. だからこの場合は白。
これが CSS や HTML で可能かどうかはわかりません。データベースをループしていて、表示されるすべてのレコードの背景色が異なるため、CSS や HTML でこれを行う必要がある理由はわかりませんが、" border" は透明のままにする必要があります。そのため、画像全体を 10 色以上で作成することは、私にとっては選択肢ではありません。サイトが重くなりすぎる可能性があるからです。
どうもありがとうございました、
マーク
編集:
http://i.imgur.com/yMRxtqY.png
より正確に言うと、達成したい別の画像を作成しました。最初に、左側に 2 つの画像を取得しました。上部の最初の画像は、中央が完全に透明で、ご覧のように境界線の不透明度が ~50% であるため、部分的に透明です。2枚目はただの画像ですが、2枚目はスライドショーのように常に変化しています。
右側のもう 1 つの画像が最終結果になります。見やすくするために灰色の背景を設定しました。それで、私が考えていることは、それは可能ですか？私が達成したいのは、スライドショーの画像の境界をこのようにカットすることです。しかし、スライドショーにあるすべての画像をフォトショップで加工したくないので、CSS でこのようなものを実現できるのではないかと考えていました。私はいくつかのz-indexか何かで考えています。しかし、それは機能しません。上部にリンクしたような画像が得られるからです。
これが私が得たすべてです: http://i.imgur.com/g7xpgQG.png
ここでの私の問題は、部分的に透明な境界線で画像を見ることができることです。右（もちろん、青いものなしではカットできませんでした。私はデザイナーではありません :P ）
