Как сделать draggable прозрачным?

Я хотел бы знать, как сделать прозрачным прозрачным. В настоящее время фон белый. Вот мой сайт: http://amp.site88.net/Как сделать draggable прозрачным?

это мой код:

<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery UI Draggable - Default functionality</title> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css"> 
<style> 
#draggable { width: 150px; height: 150px; padding: 0.5em; } 
</style><style> 
body { 
background-color: lightblue; 
} 
</style> 
<script> 
$("#draggable").css("background-color", "transparent"); 
</script> 
<script> 
$(function() { 
$("#draggable").draggable(); 
}); 
</script> 
</head> 
<body> 

<div id="draggable" class="ui-widget-content"> 
<p>Drag me around</p> 
</div> 


</body> 
</html>

источник

2016-05-08 johndoe

Просто измените ваш блок стиля:

#draggable { width: 150px; height: 150px; padding: 0.5em; background: transparent; }

и он должен работать :)

PS. вам может потребоваться добавить border: none;, если вы также хотите, чтобы граница исчезла, оставив только текст.

источник

2016-05-08 02:51:32 Smnd

спасибо, что отлично работает – johndoe

Не волнуйтесь :) приветствия! – Smnd

Как сделать draggable прозрачным?

ответ

Смежные вопросы