Ali

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

6 پست در این موضوع قرار دارد

باسلام

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

مثلا در کد زیر

<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>

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

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

باتشکر

0

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


لینک به پست

ارسال شده در (ویرایش شده)

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

ویرایش شده در توسط Mirrajabi
3

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


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

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

سلام

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

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

سپاس

0

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


لینک به پست

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

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

2

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


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

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

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

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

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

سپاس

0

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


لینک به پست
در 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>

 

1

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری