Как отделить часть содержимого или поместить картинку «сверху», чтобы скрыть

Question

Я использую плагин WordPress, где я просто вводил короткий код для создаваемой страницы. Я хочу вырезать небольшую часть содержимого, которое появляется. Есть ли какой-нибудь HTML-код, который я могу добавить на страницу WordPress, чтобы сделать это? В идеале я бы добавил что-то вроде «этот раздел предназначен только для про-членов». В качестве альтернативы, есть ли способ добавить фиксированное изображение, чтобы он сидел «сверху» этого раздела страницы, так что внизу не видно?

Answer 1

Ahhh ... Мой любимый вопрос !!!

Обычно я создаю один класс для hiddencontent для просто серого назначения. , поэтому вы можете применить этот скрытый класс для любого тега div или контейнера, и он будет работать с серым контентом и фоном.

Но помните, что это будет работать только для новых браузеров. эти данные вы можете найти на сайтах ниже. Can I use?
Mozilla Developer

Образец Codepen ниже

http://codepen.io/anon/pen/rjewpd

HTML 
<div class="mainContainer hiddenContent"> 
    hi i am content. 
</div> 

CSS 
.mainContainer 
{ 
    background:aqua; 
} 
.hiddenContent 
{ 
    -webkit-touch-callout: none; /* iOS Safari */ 
    -webkit-user-select: none; /* Chrome/Safari/Opera */ 
    -khtml-user-select: none; /* Konqueror */ 
     -moz-user-select: none; /* Firefox */ 
     -ms-user-select: none; /* Internet Explorer/Edge */ 
      user-select: none; /* Non-prefixed version, currently 
            not supported by any browser */ 
    opacity:0.2; 
    background:#bbb; 
}