1

最近、いくつかの jQuery UI モーダル ダイアログがあるコードを書きました。これらのモーダル ダイアログのそれぞれで、jQuery によって提供されるデフォルトのタイトルバーが欲しくなかったのでcreate、ダイアログ コードの関数で次のコード行を使用しました。

$(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").css("display","none");

次に、モーダル ダイアログの内容を次のように入力しました。

HTML

<div id="helpdialog" class="helpbox">
    <header id="helptitle">Help</header>    
    <p id="helptext">
        The aim of the game is to escape the maze by forming a correct sentence that ends on one of the edges of the grid.<br><br>
        From each square you can only move to one of the highlighted squares. Choose the only word that can correctly follow the word in the square that you are in and click on it.Move one square at a time, forming a sentence, until you reach one of the edges of the grid or until it is impossible to extend your sentence further. Click on Submit.<br><br>
        To undo your selections click on the squares you want to deselect in the reverse order to that in which you selected them (they will be numbered).<br><br>
        If you click on Reveal, the sentence will be shown for two seconds, and then you'll be able to resume playing.<br><br>
        In the Single player game find all of the sentences in the shortest time possible. 
    </p>
</div>

CSS

#helptitle {
    height: 1.5em;
    width: 100%;
    background-color: #d9d3ed;
    text-align: center;
    font-size: 1.3em;
    font-family: Dejavu, Verdana, Arial, sans-serif;
}
#helptext { 
    font-size: 0.9em;
    padding: .5em;
    font-weight: normal;
    margin-top: 0; 
}

問題は、下位バージョンの IE でのみheaderCSS 属性がタグに適用されないように見えることです。ただし、タグの CSSは適用されます。他のすべてのブラウザでは、正常に動作します。より具体的なセレクターを使用する必要がありますか、それとも他の問題がありますか?p

4

3 に答える 3