کمک برای فی-لترگذاری روی بکگراند

[1993]

سلام
دوستان میشه در این مورد کمک کنین؟
من وقتی روی بکگراند فی-لتر میذارم نوشته های روش هم باهاش تغییر میکنه.اما من میخوام فقط بکگراند شامل فی-لتر شه نه نوشته ها.
از این کد استفاده میکنم

<div style="text-align: center;height: 100%;width: 40%;color:#fff;background-image:url(http://pinthis.pixelbeautify.com/wp-content/uploads/2016/07/mountains-889131_1280-720x480.jpg);background-size: 100% 100%; filter: brightness(0.2);;"> <b style="background-color:000;"> fdxgfdgxghxdmdxhdxgx </b></div>

امکان داره کسی بگه چیکار کنم؟

[mojtaba05]

سلام،
برای ***** یه div دیگه بسازید و این استایل رو به اون div بدید و با position:absolute اون رو پشت div اصلی قرار بدید.
به جای div از ::before یا ::after هم می تونید استفاده کنید.

[1993]

سلام،
برای ***** یه div دیگه بسازید و این استایل رو به اون div بدید و با position:absolute اون رو پشت div اصلی قرار بدید.
به جای div از ::before یا ::after هم می تونید استفاده کنید.
امکان داره خودتون کد رو درست کنید و بذارید؟

[mojtaba05]

بله، دمو:
https://jsfiddle.net/sabeti05/5v2c1qcx/

توجه کنید که بعضی استایل ها مثل ارتفاع div صرفا برای نمایش واضح تر دمو هست. شما طول و عرض های دلخواه خودتون رو بذارید.

[JahanSoft]

یک div جدا برای بکگراند بسازید و *****ها را روی اون اعمال کنید. الان این ***** روی تمام المان های داخل div اعمال میشه.
با z-index و position میتونید چیدمان عمقی المان ها رو تعیین کنید و بکگراند را زیر قرار بدید.

[1993]

بله، دمو:
https://jsfiddle.net/sabeti05/5v2c1qcx/

توجه کنید که بعضی استایل ها مثل ارتفاع div صرفا برای نمایش واضح تر دمو هست. شما طول و عرض های دلخواه خودتون رو بذارید.

خیلی مچکرم لطف کردید:53:



یک div جدا برای بکگراند بسازید و *****ها را روی اون اعمال کنید. الان این ***** روی تمام المان های داخل div اعمال میشه.
با z-index و position میتونید چیدمان عمقی المان ها رو تعیین کنید و بکگراند را زیر قرار بدید.
از شما هم مچکرم
دوست بالایی انجام دادن