Я пытаюсь добиться желаемого эффекта, когда div, содержащий фон разделов, наклонен в одном направлении. Я смог сделать div по диагонали над верхней частью div, используя This solution, но я понял, что есть другой фон, который нужно увидеть, и добавление div поверх основного содержимого будет просто линией, а не просто div наклонный сверху.Css Diagonal Div
Есть ли способ вытащить этот эффект через Css?
<html>
<head>
<style>
div.background {
background: url(klematis.jpg) repeat;
border: 2px solid black;
}
div.transbox {
margin: 30px;
background-color: #ffffff;
border: 1px solid black;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
div.transbox p {
margin: 5%;
font-weight: bold;
color: #000000;
}
</style>
</head>
<body>
<div class="background">
<div class="transbox">
<p>This is some text that is placed in the transparent box.</p>
</div>
</div>
</body>
</html>
попробовать этот пример
или перейти к http://www.w3schools.com/css/tryit.asp?filename=trycss_transparency
надеюсь, что это помогает
возможный дубликат [Как создать DIV с диагональной (или под углом) сверху line] (http://stackoverflow.com/questions/20362666/how-to-create-a-div-with-a-diagonal-or-angled-top-line) – 9Deuce
Это решение s должен был добавить 2 div сверху основного содержимого. Что, не будет работать для этой проблемы. –
Не могли бы вы просто сделать прозрачный div? – 9Deuce