Q&A
この文章だけですとどのような状態でお困りかわかりかねますので
HTMLとCSSのコードを記載してみてください。
もしくはcodepenのようなところに書いてもらっても良いです。
cssで後ろのコンテンツを透かさない方法ってありますか？
対象のコンテンツの背景は白にしたいのですが、後ろの画像が透けてしまいます。
欲しいのは「そういう方法はある」という可能性だけですか？
調べて何も出ない内容には思いませんが、まずは自身がどう対応してどうなっているかを赤の他人に伝わるように書くことが先決です。
例え何かしらヒントをもらったとしても、それが自身に反映できるかどうか「出してみなきゃ分からない」では誰も答えないと思います。
mattariさんご返信ありがとうございます。
<?php get_header(); ?>
<div class="top">
<div class="top-background"></div>
<nav>
<ul class="nav-align">
<li><a href="#"> 会社情報</a> </li>
<li><a href="#feature"> 事業内容</a> </li>
<li><a href="#product"> 制作事例</a> </li>
<li><a href="#news"> 採用情報</a> </li>
<li><a href="#news"> お知らせ</a> </li>
<li><a href="#contact" class="header-contact"> NEVYコラム</a> </li>
</ul>
</nav>
<h2 class="top-message">
人に伝わる,<br>映像づくり
</h2>
</div>
<section class="top-filter">
<div class="top-filter-left">
<img src="https://neby.co.jp/wp_nby_2020/wp-content/uploads/2020/12/philosophy.svg" alt="" style="width:35.0245vw; height:30vh;">
</div>
<div class="top-filter-right">
<h2>人に伝わる、映像づくり</h2>
<p>
NEBYは創業以来、映像を中心に事業を作り上げてきました。
<br>
<br>
スマートフォンの普及と共に、映像はとても身近なものになりました。
<br>
<br>
第５世代移動通信システム（5G）の到来と共に、
<br>
<br>
映像の世界はさらに広がりを見せようとしています
<br>
<br>
<br>
<br>
どんなに技術が発展しても、
<br>
<br>
どんなに手軽に映像が作れるようになったとしても、
<br>
<br>
人を惹きつける映像でなければ意味がありません。
<br>
<br>
<br>
<br>
それは人に等しく文字が書けても
<br>
<br>
誰しも小説家に慣れないと同じように。
</p>
</div>
</section>
<section class="company-content">
<div class="company-intro">
<div class="company-intro-message">
<h2>NEBYは映像を使って問題解決をする企業です</h2>
<p>NEBYは創業以来、動画制作とライブ配信番組の制作をメインに事業を行って参りました。
<br>
映像によるコミュニケーションデザインを一括しておまかせいただけます。
</p>
</div>
<div class="company-intro-link">
<div class="president-message">
<a href="">
<h3>代表メッセージ</h3>
<p>message</p>
<div class="arrow-anime">
<div class="arrow">
</div>
</div>
</a>
</div>
<div class="company-border-left">
</div>
<div class="company-detail">
<a href="">
<h3>会社概要</h3>
<p>company</p>
<div class="arrow-anime">
<div class="arrow">
</div>
</div>
</a>
</div>
<div class="company-border-left"></div>
<div class="company-history">
<a href="">
<h3>沿革</h3>
<p>history</p>
<div class="arrow-anime">
<div class="arrow">
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="service">
<div class="service-gradient">
<div class="service-logo">
<img src="https://neby.co.jp/wp_nby_2020/wp-content/uploads/2020/12/service_title.svg" alt="" style="width:25vw; height:18.9509vh;">
</div>
</div>
</section>
<div class="service-bottom">
<div class="service-video">
<div class="video-top">
<p>01</p>
<p>Movie</p>
</div>
<div class="video-content">
<h2>動画制作事業</h2>
<p>
動画の制作を、企画構成・絵コンテ・キャスティング・ロケ調整・カメラマン派遣・編集・カラーグレーディング・モーショングラフィックスなど、全てワンストップでおまかせいただけます。
</p>
</div>
<div class="video-button">
<a class="hover" href="#">MORE</a>
</div>
</div>
</div>
<!-- footer-menuから下をget_footer()に置き換える -->
<?php get_footer(); ?>
<!-- pickup -->
service-bottomのコンテンツ背景を白にしたいのですが、そうすると後ろの画像が透けてしまうという状況です。
HTMLありがとうございます。
何度もお手間をおかけしますが、CSSも書いてもらわないとこちらで再現することが出来ません。
CSSもお願いします。
またここ（追記欄）にそのまま書いてしまうと、ご覧の通り視認性がすごく悪くなってしまいます、、、
投稿者は元の投稿を編集出来ますので、元の投稿に追記してください。
その際こちらを参考にコードフォーマットをやってもらえると大変ありがたいです。
https://teratail.com/help/question-tips#questionTips3-3-1
※↓投稿フォームにこの記述ルールで書いてもらっても良いです。
```HTML
ここにHTMLを書く
```
```CSS
ここにCSSを書く
```
あなたの回答
tips
プレビュー
