مشکل در border دادن به باکس

[imdeveloper]

سلام
من یه همچین باکسی که در عکس میبینید دارم و میخوام border مثل عکس اولی باشه
یعنی border رو opacity رو کم کنم که بکگراند سایت معلوم باشه اما نمیشه و کم رنگ میکنم بک گراند باکس نشون داده میشه (مثل عکس 2)

عکس اول
http://0up.ir/do.php?imgf=Capture_09475.jpg


عکس دوم

http://0up.ir/do.php?imgf=Caspture.jpg

[siros1983]

عکساتون خیلی کیفیتشون بده درواقع من زیاد تفاوتی ندیدم ولی عکس شما باید خاصیت transparent داشته باشه
فرمت هایpng gif اینطورین تاجایی که میدونم


بهتر بود کدهاشو میزاشتید بهتر و دقیق تر میشد راهنمایی کرد

[imdeveloper]

الان border اینو ببینید!!!
http://jsfiddle.net/05324n69/
الان من اومدم border رو opacity 0.2 بهم دادم و میخوام رنگ زمینه سایت نشون داده بشه اما میاد قرمز میکنه

[frednasri]

سلام.

توی کدتون این رو امتحان کنید ببینید جواب می ده:

border: 4px solid rgba(255, 255, 255, 0.8);

موفق باشید.

[imdeveloper]

نه الان قرمز روشن تر شد :|

[دانیال دزفولی]

box-shadow: 0 0 0 10px rgba(165,61,218,.5);

[Mr.Robot666]

آره من هم امروز داشتم یکی تست میکردم، هرکاری کردم نشد ! کاملا به background-color المنتــتون برمیگرده یعنی هرچقدر رنگ خود المنتــتون رو کمتر کنید border هم همراهش کمرنگ میشه. انگاز css3 اینجا باگ داره :گیج: ولی باید با دادن after و z-index حل شه

[frednasri]

نه الان قرمز روشن تر شد :|

همون کد خودتون، اینو بهش اضافه کنید:

background-clip: padding-box;

حالا چه رنگی شد؟!

[imdeveloper]

box-shadow: 0 0 0 10px rgba(165,61,218,.5);

مرسییییییییییی
درست شد

[Mr.Robot666]

آره من نگرفتم تا الان شما گفتی بکگراند دادم متوجه شدم ولی بازم واسه من مشکل داره چون واسه من خودش سایه داره و انگار نمیشه دوتا سایه باهم داد