Форум

KamalovRadik · #1 (**permalink**) 22.11.2011, 00:09

Дело в том, что при использовании прозрачности, становится прозрачной и рамка. А как сделать прозрачной только картинку?

Snipe · #2 (**permalink**) 22.11.2011, 00:12

разместить картинку в диве с рамкой, картинку сделать прозрачной

KamalovRadik · #3 (**permalink**) 22.11.2011, 00:34

kartProzr=$('#kartsSoper').prepend(array[razdacha2[0]])
		  $('#kartsSoper img').addClass('prozrach')
		  $('#kartsSoper img').addClass('border');

.border{
	 border: 2px solid blue;
	
	 }
	 
	.prozrach {
		opacity:0.0;
		
		}

Картинка лежит в array[razdacha2[0]], рамка тоже прозрачная становится

Snipe · #4 (**permalink**) 22.11.2011, 10:19

в вашем примере прозрачность и рамка ставятся на картинку, а я говорю, что рамку надо ставить на див, в котором лежит картинка.

Aetae · #5 (**permalink**) 22.11.2011, 11:02

Как дуратский вариант: менять саму картинку на прозрачную заглушку и обратно.)

KamalovRadik · #6 (**permalink**) 22.11.2011, 17:05

kartProzr=$('#kartsSoper').prepend('<div class=border>'+array[razdacha2[i]]+'</div>')
		  $('#kartsSoper img').addClass('prozrach')

.border{
     border: 2px solid blue;
     
     }
      
    .prozrach {
        opacity:0.0;
         
        }

Выдает вместо картинки [object HTMLImageElement]
Как лечить?

KamalovRadik · #7 (**permalink**) 01.02.2012, 18:38

У кого нибудь есть варианты?

Слава · #8 (**permalink**) 07.05.2012, 12:58

function asd()	{
	$('img').wrap('<div style="display: table-cell; border: 2px solid green"></div>').fadeTo(100, 0.0);

	$('div').css('backgroundImage', 'none');
}

<body>
<img src="img/buttons.gif" alt="">
<div style="background-image: url(img/buttons.gif); width: 100px; height: 16px; border: 3px solid #f00"></div>
<input type="button" value="click" onclick="asd();">
</body>

вот 2 моих варианта
1 - обернуть в див с рамкой и скрыть картинку
2 - задать картинку как фон дива с рамкой

Форум

Справочник

Discord чат

Курсы javascript