6 svar · 326 visningar · startad av Angel
i min css?
Jag vill att det ska bli en "tunn" vit färg över alla delsidorna, opacity -men det blir det inte.
Här är hemsideadressen: http://w1.704.comhem.se/~u70411449/
body {
scrollbar-3dlight-color: #F5F9FC;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #F5F9FC;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #F5F9FC;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #F5F9FC;
background-color: #F5F9FC;
filter: alpha(opacity=80);
text-decoration:none;
color: #000099;
font-family: comic sans MS;
font-weight: normal;
font-size:xx-small;
/* text-align:center;*/
line-height:200%;
}
a {
text-decoration:none;
color: #000099;
font-family: comic sans MS;
font-weight: normal;
font-size:xx-small;
/* text-align:center;*/
line-height:200%;
}
a:link{
color: #000099;
text-decoration: none;
cursor:crosshair;
}
a:visited{
color: #000099;
text-decoration: none;
}
a:hover{
font-family:comic sans MS;
font-size:xx-small;
font-weight:bold ;
color:#66ccff;
text-decoration:none;
cursor:e-resize;
}
a:active{
color: #000099;
text-decoration: none;
}
#bakgrund1 {
background-image: url(delsidor/meny2.jpg);
background-repeat: no-repate;
background-attachment: fixed;
background-position: center center;
}
#bakgrund2 {
background-image: url(delsidor/main2.jpg);
background-repeat: no-repate;
background-attachment: fixed;
background-position: center center;
}
#bakgrund3 {
background-image: url(delsidor/tagboard2.jpg);
background-repeat: no-repate;
background-attachment: fixed;
background-position: center center;
Du gillar verkligen javascript va? ;)
Det där med filter, sätt ner värdet så skall du se att det blir skillnad. ex. filter: alpha(opacity=20);
Men har du lager och annat krafs så får du nog sätta filter på de också om det skall göra någon verkan.
Å du: filter är IE-specifikt. :)
Eventuellt så måste du även sätta filter på lager och tabeller osv. Du får labba lite.
En liten kommentar:
font-family: comic sans MS;
CSS bryr sig inte om ifall du använder små eller stora bokstäver (fOnT-fAmIlY går alltså bra, om du är haXXor :)), men det gäller inte sådant som CSS'en inte kan råda över. T ex kan den inte råda över vad fonterna heter, och därför bör du skriva Comic Sans MS. Dessutom ska fonter, sökvägar och liknande (jag kan inte komma på något annat exempel) som innehåller mellanslag skrivas inom citationstecken. Alltså:
font-family: "Comic Sans MS", sans-serif;
Du bör alltid ange ett alternativ, ifall de fonter du anger inte är tillgängliga. Det är upp till läsaren att välja en passande font som stämmer överens med det alternativ du har angett, så sans-serif kan t ex skrivas ut som Arial eller Verdana.
Provat...
att sätta ner värdet på filtret & det blev värkligen skillnad, men inte som jag vill ha det :-(
http://w1.704.comhem.se/~u70411449/index2.htm
Jag vill att att bakgrundsfärgen skall skina igenom/ligga som film över bakgrundsbilderna i mina iframe & att text & foton ska synas jättebra & att fotografierna ska bli lite transparenta.
Här är ett exempel: http://busungen.has.it/
:r
Gjorde så här...
Gjorde en enkel bakgrund i psp & lade in den på sidan för att testa.
Tog sedan bort bakgrunder etc. ur css'n.
Nu så är det en helt ny css som jag inte är riktigt säker på.
Någon som vill titta igenom den & vill visa mig hur det ska vara för att det ska bli rätt?
Det fungerar tex. inte att länkarna ska bli "bold" när man för musen över den.
http://w1.704.comhem.se/~u70411449/index2.htm
a, p{
text-decoration:none;
color: #000099;
font-family: "Comic Sans MS", Veranda;
font-weight: normal;
font-size: xx-small;
/*text-align:center;*/
line-height:200%;
}
a {
text-decoration:none;
color: #000099;
font-family: "Comic Sans MS", Veranda;
font-weight: normal;
font-size:xx-small;
line-height:200%;
}
a:link{
color: #000099;
text-decoration: none;
cursor:crosshair;
}
a:visited{
color: #000099;
text-decoration: none;
}
a:hover{
font-family: "Comic Sans MS", Veranda;
font-size:xx-small;
font-weight:bold;
color:#66ccff;
text-decoration:none;
cursor:e-resize;
}
a:active{
color: #000099;
text-decoration: none;
}
body {
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#F5F9FC;
scrollbar-track-color:#F5F9FC;
scrollbar-darkshadow-color:#F5F9FC;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#C3C3C3;
scrollbar-shadow-color:#F5F9FC;
}
-->
{ }
<!--
BODY {background-color: #F5F9FC; filter: alpha(opacity=80)
-->
</STYLE>