Тень таблицы

Dumle · January 7, 2011

Здравствуйте :angry:

как сделать тень у основной таблицы при табличной верстке? в интернете нашел идею, сделать картинку и вставить её) т.к Фотошопом владею вариант лучше некуда, но можно ли сделать так, чтобы эта тень повторялась по вертикали? ну сообственно на всю высоту блока? можно конечно сделать просто огромную картинку, но надеюсь есть вариант более...рациональный что-ли)

или мб можно обойтись средствами CSS? видел тег border-shadow вроде бы...но Notepad++ даже не отображает это как тег...

Вот примерно как здесь хочу эффект:

http://www.zvirec.com/

Edited January 7, 2011 by Dumle

Vlad · January 7, 2011

box-shadow можно использовать и его производные для других браузеров. Работать не будет в IE6-8.

psywalker · January 7, 2011

box-shadow можно использовать и его производные для других браузеров. Работать не будет в IE6-8.

Да, а для ИЕ6-8 можно так попробовать

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>test</title>
	<style type="text/css">
	body { background: #064064; padding: 50px;}

	 div {

			width: 300px;
			height: 300px;
			background: green;
			margin: 0 auto;
			-webkit-box-shadow: 0px 0px 15px  #222;
			-moz-box-shadow: 0px 0px 55px #222;
			box-shadow: 0px 0px 15px #222;


		filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=45, Strength=6)
		 progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=135, Strength=6)
		 progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=225, Strength=6)
		 progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=315, Strength=6);
		 position: relative;
		 top: -12px;
		 left: -12px;
		 zoom: 1;

	 }
	</style>
</head>
<body>
	<div>5</div>
</body>
</html>

Sign In

Тень таблицы

Question

Dumle

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information