SwiftyStylez
New Member
I'm using this example code to overlay something on a Google map.\[code\]<!DOCTYPE HTML><html> <head> <title>Google Map Test</title> <style> html, body { margin: 0; padding: 0; font-family: Helvetica, sans-serif, Arial; } .txt { position: absolute; top: 100px; left: 150px; padding: 30px 50px; text-align: center; font-size: 13px; font-weight: bold; z-index: 99; background-color: #fff; border: 1px solid #ddd; } </style> </head> <body> <div> <iframe src="http://www.apps-tube.com/ip-lookup/google-map.php?xy=14.4673541,78.8241339" scrolling="no" frameborder="no" id="gmap" style="width:746px;height:380px;"></iframe> </div> <div class="txt">Country name</div> </body></html>\[/code\]I get this result [Text automatically \[code\]blurred\[/code\]]
But I want the result without the \[code\]blur effect\[/code\] like the image below.
Please help me remove this blur effect. Visit this link for an example page.Note: I'm using Google Chrome.