html - Tranparent div in div with background image with rounded corners -
I have a transparent div on the bottom of the div with the image background. Everything is fine, but in the round corners of the transparent part The background image "shines"
There is a link to Bela:
My html is:
& lt ; div id = "zkus" & gt; & Lt; Div id = "zkus_popis" & gt; & Lt; / Div & gt; & Lt; / Div & gt; My CSS is:
#zkus {background: url ('test.jpg'); Width: 200px; Height: 180px; Background-shaped: 100%; Box-Shadow: Inset 0px 0px 20px # d1cfcf; / * Box-Shadow: 0 0 10px # 5c5c5c; * / Border-radius: 12px 12px 15px 15px; Status: Relative; Hidden flurry; Display: Inline-block; / * Range: 1px solid # 8d8d8d; * / Margin: 0 12px 10px 10px; } #zkus_popis {width: 200px; Height: 35px; Background color: # 000000; Status: Completed; Bottom: 0; Opacity: 0.9; Boundary-radius: 0 px px 12px12px; Hidden flurry; } thanks .. :)
I found success or Then out of two different ways:
- Apply
#zkus_popis : -webkit-backfaces-visibility: hidden; -MOZ-BACKEX-visibility: hidden; -MM-Backup-visibility: hidden; -O-Backfesses-visibility: hidden; Backfirst-visibility: hidden; Make a small application for
-
#zkus_popis : -webkit-transform: translateZ (1px); -mms-transmissions: translatejad (1px); -O-Consequently: Translation P (1px); Conversions: Translator Z (1px);
Comments
Post a Comment