1

ファンシーボックスにいくつかの変更を加えた後、ファンシーボックスの境界線を透明にする必要があります。何らかの理由で、透明で機能させることができません。

内側の DIV の境界線を透明にしたいサンプル例を作成しました。私はいくつかのことを試しましたが、うまくいきませんでした。透明な画像を使用しない純粋なCSSソリューションをいただければ幸いです

例: JSFiddle

ボーダーに不透明度を追加する方法はありますか

4

1 に答える 1

2

完全に透明にするには、このように色を透明にするだけです

border:10px solid transparent;

私のフィドル

そして、不透明度を追加したい場合は、あなたのこのアプローチが正しいよりも、境界線を不透明にします

border-color:rgba(17,17,17,0.7);

これも使えますborder-color:rgba(244,244,244,0.4); My fiddle

于 2012-10-09T04:58:15.347 に答える