رفتن به مطلب
Blood

بکگراند یک div را عکس قرار بدیم

پست های پیشنهاد شده

با سلام

یک div دارم میخوام بکگراند این div یک عکس که از css sprit استفاده میکنم قرار بدم

بعد این عکس رو در سمت راست و وسط قرار بدم و بعد در سمت چپ یک نوشته قرار بدم که اگر اون نوشته ادامه پیدا کرد روی اون عکس بکگراند هم اومد مشکل نداشته باشه به این صورت

block.jpg

به اشتراک گذاری این ارسال


لینک به ارسال

سلام شما میتونید با دستور background-position این کار رو انجام بدید ولی اگه میخواید که عکس یه طرف قرار بگیره و متن طرف دیگه بهتره دو تا دایو بزارید که یکی برای بک گراند و دیگری برای متن باشه

به اشتراک گذاری این ارسال


لینک به ارسال

بله دوتا div قرار دادم اما باز بهم میریزه عکس نمیره زیر اون دیو باید zindex قرار بدم؟؟؟؟؟؟؟؟؟ با backgroun position ؟؟؟؟ دیگه باید چه چیری قرار بدم تا این دوتا دیو زیر هم برن

به اشتراک گذاری این ارسال


لینک به ارسال

این کد css هستش ببینید مشکل کارم کجاست


.Sp-ImageAll-1.servicico1{background-position: 0.376% 93.836%; width: 126px; height: 126px; float:right;z-index:999;}
.SerViceBgIco {width:364px; min-height:202px;border:1px solid #1173B2;opacity:0.7;}
.Service1{ width:360px; min-height:200px; z-index:99;}

این کد html


<div class="SerViceBgIco">
<div class="Sp-ImageAll-1 servicico1">
<div class="Service1"><h1 class="text-h1-servic-1">انتقاد و بـازخورد</h1><a href="<?php bloginfo('url'); ?>/research-and-development/feedback/"><h6 class="text-h6-servic">با انتقاد و پیشنهاد خود ما را یاری فرمایید</h6></a><a href="/research-and-development/site-feedback/"><h6 class="text-h6-servic">مشکلی در سایت است ؟ لطفا اطلاع دهید</h6></a></div></div></div>

ویرایش شده توسط Blood

به اشتراک گذاری این ارسال


لینک به ارسال

عزیز من از css استفاده میکنم اونو چه کنم؟ به جای عکس بک گراند

به اشتراک گذاری این ارسال


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • اضافه کردن...