Hallo AutoIt Community!
Ich versuche gerade (aus Testzwecken) HTML & CSS mit AutoIt zu verbinden. Und zwar gibt es ein problem bei dem Anzeigen meines HTML-Codes:
(Da ich die HTML-File nirgens gerade hochladen kann, öffnet einen Texteditor, kopiert den Quelltext hinein und speichert dies unter index.htm ab.)
HTML:
Spoiler anzeigen
<!DOCTYPE html>
<html>
<head>
<title>Make-Grafik</title>
<meta charset="UTF-8" />
<style type="text/css">
<!--
.boxdesign{
width: 600px;
position: absolute;
left: 0;
top: 0;
background-color: orange;
border: 2px red solid;
}
#text1{
text-align: center;
font: 50px Arial;
color: white;
padding: 10px;
}
#text2{
margin: 5px;
font: 15px Arial;
}
#text3{
font: 12px Arial;
text-align: right;
color: blue;
background-color: rgba(255, 255, 255, 0.5);
border-top: 2px rgba(0, 0, 0, 0.25) solid;
padding: 5px;
}
-->
</style>
</head>
<body>
<div class="boxdesign">
<div id="text1">Orange Box</div>
<div id="text2"><hr />Hallo AutoIt Community!<br /><br />Das ist mein kleiner Kasten der angezeigt werden soll :)<br />Ich hoffe ihr könnt mir helfen ^^</div>
<div id="text3">Make-Grafik</div>
</div>
</body>
</html>
Alles anzeigen
Script:
Der ist eben mal dahin geschmiert. Es soll ja nur demonstrieren was ich meine.
(Packt die HTML-file und das Script einfach in einen Ordner.)
Spoiler anzeigen
#include <IE.au3>
$pfad = @ScriptDir & '/index.htm'
[/autoit] [autoit][/autoit] [autoit]$IE = _IECreateEmbedded()
$GUI = GUICreate('HTML - Make-Grafik', 604, 200)
GUICtrlCreateObj($IE, -2, -2, 625, 229)
_IENavigate($IE, 'file:///' & $pfad)
GUISetState(@SW_SHOW, $GUI)
Sleep(10000)
Der HTML-Code wird zwar (teilweise) angezeigt, aber was ich vermisse ist der Transperente Kasten den ich erstellt habe.
Hier der betroffende CSS-Abschnitt:
Kurze erklärung:
rgba steht für: Rot, Grün, Blua, Alpha
Im ersten Fall ist mein Alpha-Wert 0.5 (entspricht 50%). Die Farbe ist weiß.
Im zweiten Fall ist mein Alpha-Wert 0.25 (entspricht 25%). Die Farbe ist schwarz.
Weiß jemand warum die Transparente nicht angezeigt wird?
Hier das Bild zum vergeleich: