Как скрыть картинку, при этом оставив рамку
Дело в том, что при использовании прозрачности, становится прозрачной и рамка. А как сделать прозрачной только картинку?
|
разместить картинку в диве с рамкой, картинку сделать прозрачной
|
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]], рамка тоже прозрачная становится |
в вашем примере прозрачность и рамка ставятся на картинку, а я говорю, что рамку надо ставить на див, в котором лежит картинка.
|
Как дуратский вариант: менять саму картинку на прозрачную заглушку и обратно.)
|
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] Как лечить? |
У кого нибудь есть варианты?
|
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 - задать картинку как фон дива с рамкой |
| Часовой пояс GMT +3, время: 18:05. |