رفتن به مطلب

چگونگی قرار دادن عکس روی متن (بدون مخفی سازی متن)


Ali

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

باسلام

چطور میشه روی متن عکس گذاشت بدون اینکه متن معلوم بشه؟

مثلا در کد زیر

<h1>
  simple text </h1>

<a class="logo-top1" href="<?php bloginfo('url'); ?>" title="simple">
<img src="<?php echo ot_get_option('logo-top'); ?>" width="192" height="33" alt="simple" title="simple">
</a>

عکس روی نوشته قرار ندارد.

برای مثال در کد فوق؛ چه کنیم که عکس دقیقا روی نوشته بیاید و نوشته دیده نشود در حالیکه نوشته توسط سی اس اس مخفی نیست؟

باتشکر

لینک به ارسال

به باکس والد position relative بدید و به باکس عکس position absolute و top مثلا صفر بدید بعد جایی دقیق خودتون تنظیم کنید.  ددر مورد اینکه آون متن نمایش نده و عکس فقط نمایش بده باید z-index عکس بیشتر از متن باشه. 

ویرایش شده توسط Mirrajabi
لینک به ارسال
در 2 دقیقه قبل، Mirrajabi گفته است :

به باکس والد position relative بدید و به باکس عکس position absolute و top مثلا صفر بدید بعد جایی دقیق خودتون تنظیم کنید.  ددر مورد اینکه آون متن نمایش نده و عکس فقط نمایش بده باید z-index عکس بیشتر از متن باشه. 

سلام

خیلی ممنون ولی من هیچی نفهمیدم :)

اگه میشه واضحتر و گام به گام بگید یا اینکه لطف کنید همین کد بالا رو همانطوری ویرایش کنید

سپاس

لینک به ارسال

من با گوشی آنلاین هستم.  کدنویسی با گوشی مشکله.  توضیح میدم، آگه تونستید انجام بدید، آگه نه فردا به سیستم دسترسی پیدا کردم واستون انجام میدم. 

ببینید باید باکسی که این مطالب داخلش قرار گرفتن position relative بگیرن و باکسی که عکس داخلشه position. Absolute و top :0 بگیره و z-index: 9999  بدید. 

لینک به ارسال
در 14 دقیقه قبل، Mirrajabi گفته است :

من با گوشی آنلاین هستم.  کدنویسی با گوشی مشکله.  توضیح میدم، آگه تونستید انجام بدید، آگه نه فردا به سیستم دسترسی پیدا کردم واستون انجام میدم. 

ببینید باید باکسی که این مطالب داخلش قرار گرفتن position relative بگیرن و باکسی که عکس داخلشه position. Absolute و top :0 بگیره و z-index: 9999  بدید. 

ممنون از لطف شما

پس منتظر میمونم

سپاس

لینک به ارسال
در 17 ساعت قبل، Ali گفته است :

ممنون از لطف شما

پس منتظر میمونم

سپاس

<div class="box">
  <h1>simple text </h1>
  <a class="logo-top1" href="<?php bloginfo('url'); ?>" title="simple">
  	<img src="<?php echo ot_get_option('logo-top'); ?>" width="192" height="33" alt="simple" title="simple">
  </a>
</div>
<style>
.box{
    position:relative;    
}
.box a{
    position:absolute;
    top:0;
}
</style>

 

لینک به ارسال

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

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

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

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

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

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

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

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

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