Спасибо всем! мне удалось сделать то, что я хотел: D http://jsfiddle.net/Tfc9j/42/ вот посмотрите
я хотел иметь непрозрачность внешнего div для быть отличным от непрозрачности внутреннего div и это изменение с помощью щелчка где-то еще;) Спасибо!
$('#ena').on('click', function () {
$('head').append("");
});
$('#duop').on('click', function (e) {
$('head').append("");
e.stopPropagation();
});
#ena{
width:300px;
height:300px;
border:1px black solid;
position:relative;
}
#duo{
opacity:1;
position:absolute;
top:50px;
width:300px;
height:100px;
background-color:white;
}
#ena:before {
content: attr(data-before);
color: white;
cursor: pointer;
position: absolute;
background-color:red;
opacity:0.9;
width:100%;
height:100%;
}
ena p
duoyyyyyyyyyyyyyy p
Это общая проблема с сеткой. Единственное решение - использовать трюки css (количество столбцов), как описано ниже
<Row style={{ minHeight: "800px",lineHeight:"0",columnCount:"2" }}>
{
Object.keys(GalleryImages).map(imageKey => {
return (
<Col span={24}>
<img src={GalleryImages[imageKey]} alt={imageKey} height="100%" width="100%" />
</Col>
)
})
}
</Row>
Надеюсь, это поможет.