Как разместить / наложить прозрачный * png поверх

Базовая демонстрация сопровождающего CSS:

td{
background-color:#000;
}

div.table-foreground{
background-image:url(images/table-foreground.png);
position:relative;
z-index:5;
}

Результат

Примечание: ученый попросил меня предоставить результат моей попытки кода.

Визуально ничего не происходит. Я предполагаю, что div с изображением png в качестве фона находится под моей таблицей. Это говорит о том, что моего кода недостаточно.