1
このコードはfirefox以外のすべての主要なブラウザで動作します。それは私を夢中にさせている。これは、完全なHTML、CSSおよびJavaScriptで：firefoxはfloat方向のjavascriptの変更を尊重していません
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
<html>
<head>
<style type=text/css>
.CastPic
{
position : relative;
top : +0px;
width : 250px;
height : 250px;
padding-top : 25px;
padding-left : 25px;
padding-right : 25px;
padding-bottom : 25px;
background-image : url('Cast photos/Fiona Colquhoun.jpg');
background-color : ivory;
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
border-style : solid;
border-width : 12px;
border-color : green;
float : left;
}
</style>
<script language="JavaScript" type="text/JavaScript">
function toggle()
{
if (document.getElementById("CastPic").style.float =="right")
{
document.myForm.msg.value = "float is right"
document.getElementById("CastPic").style.float="left"
document.getElementById("CastPic").style.borderColor="red"
}
else
{
document.myForm.msg.value = "float is left"
document.getElementById("CastPic").style.float="right"
document.getElementById("CastPic").style.borderColor="blue"
}
document.myForm.msg.value = 'float is now ' + document.getElementById("CastPic").style.float
}
</script>
</head>
<body>
<div class="CastPic" id="CastPic"></div>
<form name="myForm" enctype="application/x-www-form-urlencoded">
<input type="text" name="msg" value="" size=65>
<input type="button" value="Switch" onClick="toggle()">
</form>
</body>
</html>
これはもちろんのみのテストスクリプトである - 私は何かがそれに影響を与えている場合だけを確認するには、このビットを抽出します。私は何も見ることができません。
ティア エイドリアン
あなたのコードは確かにOperaでは動作しません。 https://bugs.webkit.org/show_bug.cgi?id=77427 –