Hola,
tengo un sitio en internet en el cual hay solo una jpg como background al que le aplique un link. El unico problema es que en el firefox no me lo reconoce y no se puede clickear. (la img tiene un link y le tiré encima un map, pero nunguno de los dos funciona)
Este es el codigo:
Código:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Alice Bastin | Fashion Designer</title>
<style type="text/css" media="screen">
img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}
div#content {
/* This is the only important rule */
/* We need our content to show up on top of the background */
position: relative;
/* These have no effect on the functionality */
width: 500px;
margin: 0 auto;
background: #fff;
padding: 0px;
font-family: helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 16pt;
-moz-box-shadow: #000 4px 4px 10px;
-webkit-box-shadow: #000 4px 4px 10px;
}
body {
/* These rules have no effect on the functionality */
/* They are for styling only */
margin: 0;
padding: 0px 0 0 0;
}
</style>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#ffffff">
<div id="bg">
<div>
<table cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="alicebastin.html" target="_self"><img src="images/index_alicebastin.jpg" alt="Alice Bastin" border="0" usemap="#Map"/></a> </td>
</tr>
</table>
</div>
</div>
<div id="cont">
<div class="box">
</div>
</div>
<map name="Map"><area shape="rect" coords="504,425,770,514" href="alicebastin.html" target="_self">
</map></body>
</html>