PDA

View Full Version : سوال: نحوه قرار گرفتن آیتمها روی تگ img


manit44
پنج شنبه 24 مهر 1393, 21:11 عصر
سلام بر دوستان

من یه تگ img دارم که میخوام آیتمهای دیگه مثل تگ span و li و table و ...... روی تگ img قرار بگیرند چکار باید بکنم؟

هر کاری میکنم نمیشه وقتی تگ ایمیج رو تعریف میکنم تگ div و body زیر تگ ایمیج قرار میگیره.

ممنون از دوستان.
a0z0n0
پنج شنبه 24 مهر 1393, 21:32 عصر
سلام
فکر نمی کنم این کار امکان داشته باشه !!
اما شما میتونی یک div تعریف کنی و این عکس رو به عنوان backgrand-image اون توی css استفاده کنی.
موفق باشید.
manit44
پنج شنبه 24 مهر 1393, 21:44 عصر
یعنی هیچ راهی نداره؟
SlowCode
پنج شنبه 24 مهر 1393, 22:17 عصر
خیلی راحته!!
به عنصر مورد نظر(دیو یا span یا هرچی که میخوای) position: absolute بده بعد موقعیت متن رو با top یا left و ... تنظیم کن.
مثال:


<html>
<head>
<style>
.box{position: relative;}
.box .info{position: absolute; top: 20px; left: 20px; color: #fff;}
</style>
</head>
<body>
<div class="box">
<img src="http://www.wallpapers.com/media/212624a9-60f6-481c-a078-dcef72ad51af/butterfly009_400x250.jpg"/>
<div class="info">Some Text</div>
</body>
</html>
manit44
جمعه 25 مهر 1393, 02:14 صبح
نه منظورمو درست متوجه نشدین

من میخوام که عناصری مثل span,li,canvas,....... رو روی عنصر ایمیجم قرار بدم.

آیا همچین کاری امکان پذیر هست یا خیر؟

ممنون.
manit44
جمعه 25 مهر 1393, 10:40 صبح
کسی جوابی نداره بده؟
a0z0n0
جمعه 25 مهر 1393, 11:53 صبح
اگه منظورتون رو درست متوجه شده باشم هر دو راه جواب میده!شما امتحان کردی و جواب نگرفتی؟؟
manit44
جمعه 25 مهر 1393, 12:41 عصر
بله هر دو راه رو امتحان کردم و جواب نگرفتم.
a0z0n0
جمعه 25 مهر 1393, 13:46 عصر
آدرس سایت یا فایل رو بزارید تا بهتر متوجه مشکل بشیم.