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:

  1. 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   

  2. #zkus_popis :

      -webkit-transform: translateZ (1px); -mms-transmissions: translatejad (1px); -O-Consequently: Translation P (1px); Conversions: Translator Z (1px);   



Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -