divでダイナミック幅を適用するにはどうすればいいですか？CSSとJavaScriptによるホバー：

<html> 

    <head> 
     <style type="text/css"> 
      div { 
       -moz-box-shadow: 0 10px 10px hsla(0, 0%, 0%, .2); 
       -webkit-box-shadow: 0 10px 30px hsla(0, 0%, 0%, .2); 
       box-shadow: 0 10px 30px hsla(0, 0%, 0%, .2); 
      } 
      div:hover { 
       width:200px; 
       background-color:red; 
      } 
     </style> 
    </head> 

    <body> 
     <? $dynamic_width=800; ?> 
      <div style=" width:<? echo $dynamic_width;?>px;">hover selector style links on mouse-over. 
       <div> 
    </body> 

</html>

上記のコードでは、div：hoverの幅はマウスオーバーで変更されません。 div widthは "$ dynamic_width"に応じて変更可能で、マウス上で200pxにする必要があります。divでダイナミック幅を適用するにはどうすればいいですか？CSSとJavaScriptによるホバー：

出典

2012-03-14 ola

これはPHPとは関係ありません！純粋なjavascriptや何らかのライブラリ（jQuery）を使用したいですか？ – Sgoettschkes

要素スタイルはより一般的なスタイルよりも優先されるため、：hover擬似クラスの200ピクセルは適用されません。

試してみてください。

div:hover 
{ 
    width: 200px !important; 
    background-color:red; 
}

デモ：http://jsfiddle.net/bn2Sc/1/

出典

2012-03-14 16:20:03 Yoshi

actully私は "$ dynamic_width"の値をサーバーから取り出して、適用したいと思っています。 – ola

あなたのファイルは、おそらくPHPファイルが、HTMLファイルではありません。ファイルの拡張子を.phpに変更します。ファイルが.phpでない場合は、任意のPHPコードがプレーンhtmlとみなされます

出典

2012-03-14 16:26:46

私はPHP拡張で使用しています – ola

divでダイナミック幅を適用するにはどうすればいいですか？CSSとJavaScriptによるホバー：

答えて

関連する問題