Не скругляется внктренний блок.

Radiation15 · October 29, 2012

В общем... есть проблема такая, раньше не когда этого не замечал, в общем, создал круг, и хочу поместить в нем еще несколько блоков... вот тут-то и проблема, эти внутренние блоки не в какую не хотят скругляться... пробовал разные способы, эффекта 0...

помогите пожалуйста :rolleyes:

вот скриншот

и код

<!DOCTYPE html>
<head>
	<meta charset="UTF-8" />
        <title>pechal'</title> 
        <link rel="stylesheet" type="text/css" href="style2.css" />
</head>
	<body>
	<div class="container">
		<div class="krug">
			<div class="krugc">
				<div id="barG_1" class="bar-lineG"></div>
				<div id="barG_2" class="bar-lineG"></div>
				<div id="barG_3" class="bar-lineG"></div>
			</div>
		</div>
	</div>	
	</body>
</html>

body {
	background-color: #333132;
	color: #969696;
}

.container {
	min-width: 800px;
	padding: 4px;
}

.krug {
	width: 460px;
	height: 460px;
	margin: 100px auto 0 auto;
	box-shadow: inset 0px 0px 15px #000;
	border-radius: 460px;
	overflow:hidden;
}

.krugc {
	width: 160px;
	height: 160px;
	background-color: #2B4C17;
	border-radius: 160px;
}

moron · October 29, 2012

Вы меня поставили в тупик:

1)На скриншоте изображён скругленный квадрат в скругленном квадрате.

2)Вы сказали, что у вас не получился пункт 1, хотя по скриншоту он получился.

3)По коду, который вы дали, зеленый круг должен быть обрезан т.к у .krug задан стиль overflow: hidden.

4)В вашем посте нет вопроса.

Перед тем как вы создали эту тему вы забыли свой пароль от аккаунта?

Edited October 29, 2012 by moron

Radiation15 · October 30, 2012

Вы меня поставили в тупик:
1)На скриншоте изображён скругленный квадрат в скругленном квадрате.
2)Вы сказали, что у вас не получился пункт 1, хотя по скриншоту он получился.
3)По коду, который вы дали, зеленый круг должен быть обрезан т.к у .krug задан стиль overflow: hidden.
4)В вашем посте нет вопроса.
Перед тем как вы создали эту тему вы забыли свой пароль от аккаунта?

1) ну да, так оно и есть.

2)я не правильно описал, извиняюсь, я про то что внутренний блок не скругляется как внешний, т.е не обрезается по краям внешнего круга.

3)ну по идеи должен, но я заметил что overflow: hidden. в этом случае действует как с квадратом.

4)...

нет

Sign In

Не скругляется внктренний блок.

Question

Radiation15

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

moron

Link to comment

Share on other sites

Radiation15

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information