Frage stellen
Also ich hab hier eine Frage. Meine Website ist schon einigermaßen gut ausgebaut. Ich habe sie mit
HTML gecodet, den Style mit Css gemacht und ein paar Sonderfunktionen mit Javascript und jQuery.
Nun ist mir bei der Tutorialsection etwas aufgefallen. Ich verwende für eine Content-Box die Befehle :
- Code: Alles auswählen
filter:alpha(opacity=65);
-moz-opacity: .65;
-khtml-opacity: .65;
opacity: .65;
... also als settings. Damit wird meine Box schön grau xD Mag ich so. Wenn ich nun Bilder hochlade, werden diese aber auch durchlässig, sodass sie unscharf wirken. Wie kann ich die Bilder schärfer bekommen ? Ich hab Euch das ganze einmal an einem Beispielcode simmuliert, ich hoffe ihr versteht mich dann besser.
- Code: Alles auswählen
<html>
<head>
<title>Test Site</title>
<style type="text/css">
body{
<!--- setzt man die opacity hier auf 1 wird das bild scharf und undurchlässig -->
filter:alpha(opacity=100);
-moz-opacity: .65;
-khtml-opacity: .65;
opacity: .65;
}
.tut_pic{
<!-- setzt man HIER die opacity auf 1 ist das bild trotzdem unscharf, weil es sich im Bodytag befindet. Meine Frage : Kann man es trotzdem Scharf bekommen, OBWOHL es sich im Bodytag befindet ?-->
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
height: 500px;
width: 800px;
margin-right: 25px;
border: 2px solid #FF8000;
}
</style>
</head>
<body>
<p><img class="tut_pic" src="ide_continue.png"></img></p>
</body>
</html>
