{"id":2459,"date":"2021-09-10T17:25:41","date_gmt":"2021-09-10T15:25:41","guid":{"rendered":"https:\/\/digitalia.culturanuova.net\/blog\/?p=2459"},"modified":"2021-09-10T17:33:56","modified_gmt":"2021-09-10T15:33:56","slug":"background-semi-transparent-but-not-child-text","status":"publish","type":"post","link":"https:\/\/digitalia.culturanuova.net\/blog\/?p=2459","title":{"rendered":"background semi-transparent but not child text"},"content":{"rendered":"\n<p>Opacity can make an image (semi)transparent, but it affect the text as well, and so the readibility can be difficult. You can see the following example.<\/p>\n\n\n\n<p style=\"background-image:url('http:\/\/localhost\/web\/public_html\/mondodigitale\/wordpress\/wp-content\/uploads\/2020\/05\/cropped-Zamboni-paesaggio-con-alberi-1.jpg'); height: 200px; text-align: center; padding-top: 5%\"><span style=\"opacity: 0.6; background: black; color: white; font-size: 200%; font-weight: bold; padding: 5%\">your text here<\/span><\/p>\n\n\n\n<p>To fix this, you can use the this code background: rgba(0, 0, 0, 0.5);<\/p>\n\n\n\n<p style=\"background-image:url('http:\/\/localhost\/web\/public_html\/mondodigitale\/wordpress\/wp-content\/uploads\/2020\/05\/cropped-Zamboni-paesaggio-con-alberi-1.jpg'); height: 200px; text-align: center; padding-top: 5%\"><span style=\"background: rgba(0, 0, 0, 0.5); color: white; font-size: 200%; font-weight: bold; padding: 5%\">your text here<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Opacity can make an image (semi)transparent, but it affect the text as well, and so the readibility can be difficult. You can see the following example. your text here To fix this, you can use the this code background: rgba(0, 0, 0, 0.5); your text here<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[631,566],"tags":[5,700,701],"class_list":["post-2459","post","type-post","status-publish","format-standard","hentry","category-graphics","category-webmaster","tag-css","tag-opacity","tag-transparency"],"_links":{"self":[{"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2459"}],"version-history":[{"count":9,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2459\/revisions"}],"predecessor-version":[{"id":2469,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2459\/revisions\/2469"}],"wp:attachment":[{"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitalia.culturanuova.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}