ciao a tutti. da un po' di tempo mi sono avvicinato alle funzionalià di css3, in particolare gradient e border radius. mi è sorto pero un problema: in alcuni browser o non mivisualizza niente oppure me ne visualizza solo uno. pero se metto solo border-radius o solo gradient funzionano. sapete dirmi il perche??? questo è il codice:
dov'è che sbaglio???codice:<!DOCTYPE html> <html> <head> <title>menu</title> <style type="text/css"> body { margin: 10px 0px 0px 0px; } #FOOTER { position: fixed; top: 0px; width: 100%; text-align: center; } #FOOTER ul { list-style: none; padding: 0px; margin: 0px 0px 10px 0px; } #FOOTER li { display: inline; width: 100px; margin: 0px 10px 0px 0px; padding: 4px; } .button{ width: 100px; height: 30px; border: 0; background-color: #440951; background-image: -moz-linear-gradient(top, #ff0000, #0000ff); background-image: -webkit-gradient(linear, left top,left bottom, from(#ff0000), to(#0000ff)); background-image: linear-gradient(top, #ff0000, #0000ff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff'); color: #ffd700; border-bottom-radius: 0px 0px 10px 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 0px 0px 10px 10px; behavior: url(border-radius.htc); } </style> </head> <body> <div id="FOOTER"> <ul>[*]<button class="button">Home page</button>[*]<button class="button">Chi Siamo</button>[*]<button class="button">Dove siamo</button>[*]<button class="button">Prodotti</button>[*]<button class="button">Listino</button>[*]<button class="button">Contattaci</button>[/list] </div> <div id="sotto_menu"> <div id="homepage><ul>[*]<a href="#"> [img]secchiona.jpg.jpeg[/img] </body> </html>
grzie in anticipo
Rispondi quotando