0

Google カレンダーに Inset Box Shadow を配置しようとしていますが、z-index が負でない限り表示されないようです。表示されますが、ユーザーはカレンダーをクリック/使用できません。私が見た：Googleマップ要素にインセットボックスシャドウを追加します が、z-indexが負に設定されています。すべてを把握するまで、すべてをインラインに配置します。

<div style="box-shadow:inset 0 0 10px #000000; 
            -moz-box-shadow:inset 0 0 10px #000000; width: 900px;">

   <iframe src="https://www.google.com/calendar/embed?showTz=0&amp;height=600&amp;wkst=1&amp;bgcolor=%23ccffff&amp;src=756r34h4d6aqhta6fmaqkijm9k%40group.calendar. google.com&amp;color=%23853104&amp;ctz=America%2FNew_York" style="border-width:0" width="900" height="600" scrolling="no"></iframe>
</div>

その後ろに影が飛び出しているのが見えます。スタイルをiframe ectに入れ、二重のラッピングを試みましたが、私の人生ではそれを機能させることができません。

4

1 に答える 1

-2

相対位置と z-index プロパティを使用する必要があります。

頑張ってください！

.the-div {
    position: relative;
    box-shadow: inset 0 0 10px #000;
}

.the-iframe {
    position: relative;
    z-index: -1;
}

好きなように配置してください...インラインCSSまたは外部ですが、敬意を表する要素には上記のコードを使用してください

于 2013-05-20T00:49:57.840 に答える