Untitled

<html>
	<head>

		<style type="text/css">
div {
    width: 200px;
    height: 200px;
    display: block;
    position: relative;
}

div:after {
    content: "";
    background: url(http://subtlepatterns.com/patterns/bo_play_pattern.png);
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
body {
    background: url(http://subtlepatterns.com/patterns/tileable_wood_texture.png);
}

div {
    width: 200px;
    height: 200px;
    display: block;
    position: relative;

    /* DECORATION */
    border: 1px solid #000;
    text-align: center;
    font-family: Tahoma;
    margin: 20px auto;
}

div:after {
    background: url(http://subtlepatterns.com/patterns/bo_play_pattern.png);
    opacity: .5;

    width: 200px;
    height: 200px;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    content: "";
}
		</style>
	</head>

	<body>

		<div>

		Box-shadowed element

</div>

</body>
</html>