Ik zit met een vervelend probleempje. In Firefox werkt dit goed, maar in Safari & Chrome niet.
Voor een of andere reden verdwijnen mijn rounded corners in Safari & Chrome.
Iemand een idee hoe dit komt of hoe je dit kan oplossen?
HTML structuur
<div class="portfolioItem">
<div class="info">
<h2>The Three Little Pigs - Siri Proxy</h2>
<p>This project is an open source Siri Proxy server which can be used to bring Siri to other unsupported iOs devices.
It's available for free Github. The proxy itself is written in Ruby and was made by a friend of my, @JimmyKane, based on the work from @plamoni.
What I did? The website interface to manage the keys, clients, bans, server info etc.</p>
<hr />
<ul>
<li>Web development</li>
<li>Web design</li>
<li>Database design</li>
</ul>
</div>
<div class="images">
<img src="/uploads/nature.png" alt="Nature" />
</div>
</div>CSS
#portfolioItems div.portfolioItem {
border: 1px solid #DFDFDF;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: 0 0 10px #EEE;
margin: 10px;
overflow: hidden;
position: relative;
height: 328px;
}
#portfolioItems div.portfolioItem div.images {
position: absolute;
left: 0;
}
#portfolioItems div.portfolioItem div.info {
width: 355px;
padding: 15px 25px;
font-size: 0.9em;
text-shadow: 1px 1px 0 #FFF;
background: #FAFAFA;
position: absolute;
right: 0;
z-index: 1;
}Live vb: http://shurl.be/ZiQG
Screenshot Firefox (zoals het zou moeten werken): http://shurl.be/agzW
Screenshot Chrome (fout): http://shurl.be/H1mf