PDA

View Full Version : سوال: تغییر رنگ بک گراند لینک



twelve
جمعه 28 تیر 1387, 21:18 عصر
سلام
همونطور که از موضوع تاپیک مشخصه من میخوام بگ گراند لینکم رو در حالت hover تغییر بدم ، البته در شرایط عادی این کار بسیار ساده ای هست ، و لیکن لینکها دارای تصویر بک گراند هستند و به همین خاطر نمیتونم رنگ بگ گراند رو عوض کنم ، لطفا راهنمایی کنید :لبخندساده:

البته اینکار رو با CSS دارم انجام میدم

twelve
یک شنبه 30 تیر 1387, 00:39 صبح
هیچ کدوم از استاید html نمیتونن کمکی کنن ؟؟
نه سوالی ، نه پیشنهادی ، نه .... :-؟

taknegaar
یک شنبه 30 تیر 1387, 04:17 صبح
a {
background-image: url('images/image1.jpg');
background-color: transparent;
}

a:hover {
background-image: url('images/image1.jpg');
background-color: #FFFFEA
}

twelve
یک شنبه 30 تیر 1387, 11:08 صبح
مرسی ولی من قبلا این روش رو امتحان کردم و در این مورد جوابگو نیست ، چون من میخوام تصویر بک گراند در جای خاصی از لینک قرار بگیره و براش Position تعریف کردم بنابر این نمیتونم از background-image استفاده کنم.


<a href=Index.htm style=background:url('Image.gif') no-repeat n%; >



دنبال راهی میگردم که بتونم با حفظ تصویر ، رنگ رو هم تغییر بدم
ممنون میشم دوستان راهتمایی کنن

taknegaar
یک شنبه 30 تیر 1387, 11:31 صبح
!


<a href="Index.htm" style="background:url('Image.gif') no-repeat n%;" onmouseover="javascript: this.style.backgroundColor='#ff0000';">

twelve
یک شنبه 30 تیر 1387, 12:17 عصر
ممنون از پیگیری تون
آیا با CSS نمیشه اینکار رو کرد ؟

taknegaar
یک شنبه 30 تیر 1387, 13:08 عصر
خواهش میشه؛
با css همونی بود که عرض کردم.
احتمالا شما باید برای استفاده از css یه اصلاحی بکنید،
چون من متوجه نشدم یعنی چی که؛
بک گراندتون رو نمیخواهید جاش تکون بخوره.
یعنی ربطش رو پیدا نکردم !

vahid4134
یک شنبه 30 تیر 1387, 14:44 عصر
.spa a{
/* codes*/
}
.spa a:hover{
/* codes*/
}


<span class="spa"><a href="Index.htm" ></span>

twelve
دوشنبه 31 تیر 1387, 19:26 عصر
احتمالا شما باید برای استفاده از css یه اصلاحی بکنید،
منظورتون رو متوجه نشدم ، چی رو اصلاح کنم ؟

چون من متوجه نشدم یعنی چی که؛
بک گراندتون رو نمیخواهید جاش تکون بخوره.
یعنی ربطش رو پیدا نکردم !

ببینید من برای بک گراند ( که اون رو به شیوه ای که در بالا گفتم اعمال میکنم ) موقعیت تعیین میکنم که در مکان خاص و مورد نظر من قرار بگیره و به همین خاطر نمیشه از استایل background-image استفاده کرد چون این استایل بگ گراند رو در سطح شی تکرار میکنه و قابل کنترل نیست
اما در روشی هم که استفاده میکنم فقط میتونم یکی از حالت های Image و Color رو در بک گراند داشته باشم ، یعنی اگر در بک گراند تصویر داشته باشم دیگه نمیتونم رنگ رو تغییر بدم و بالعکس!
البته من استایل مورد نظر رو در قالب CSS ID منویسم و به یه div تگ نسبت میدم و از کلاس استفاده نمیکنم.
اون روش استفاده از جاوا اسکریپت جواب میده ، ولی میخوام راه CSSش هم بدونم ، چون میدونم این کار شدنیه