Баг с "overflow: hidden;" и "border-radius: ;"

DjTarik · October 9, 2012

Собственно, сабж:


<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>Баг с "overflow: hidden;" и "border-radius: ;"</title>

	<style type='text/css'>
	.wrap {
		width: 200px;
		height: 200px;
		background: red;
		overflow: hidden;
		border-radius: 50px;
		position: relative;
	}
	.el {
		width: 190px;
		height: 190px;
		position: absolute;
		top: 5px;
		left: 5px;    
		background: green;
	}
	</style>

</head>
	<body>

		<div class="wrap">
			<div class="el"></div>
		</div>

	</body>
</html>

Или тут:

http://jsfiddle.net/DjTarik/BCPgg/embedded/result/

В FF и IE все нормально, дочерний блок скрывается. В Opera, Chrome, Safari - нет.

Особенно интересует Opera =)

Спасибо.

Great Rash · October 9, 2012

В хроме с 2011 года висит такой баг.

DjTarik · October 9, 2012

В хроме с 2011 года висит такой баг.

Ну, для Chrome и Safari есть идейка - а что с Opera?

Sign In

Баг с "overflow: hidden;" и "border-radius: ;"

Question

DjTarik

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

DjTarik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information