メッセージの編集
タイトル
お名前
本文
タイトルの通りなのですが、ブログの記事ボックスの中を半透明じゃなく白色にしたくていろいろ挑戦したのですが出来なかったので質問させてください。 多分ですが、.title:after{ のところのborder-right-color: transparent;}このタグが多分邪魔をしているのではないかと思うのですが、削除するとボックスが消えてしまって文字だけ残ってしまうし、他の方法も試してみたのですが上手くいきませんでした。 ちなみに background: -moz-linear-gradient(left, #fff, #fff 50%, #a2d7dd 50%, #a2d7dd); background: -webkit-linear-gradient(left, #fff, #fff 50%, #a2d7dd 50%, #a2d7dd); background: linear-gradient(left, #fff, #fff 50%, #a2d7dd 50%, #a2d7dd); -moz-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px; } というタグは、背景が欲しくて私が勝手に付け足したタグです。 ちなみに、 border-right-color: transparent;} というタグをいじると、見出しの方のリボンみたいな風になっているのが四角くなります。 かなりいろいろ試してみたのですが結局うまくいかず…。 どなたかお分かりになる方、いらっしゃいましたらご助言願えませんでしょうか…よろしくお願いいたします。 <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'> <style type="text/css"> @media screen and (min-width: 600px){ .width{ width: 600px; margin: 0px auto;} } body{ background: #fff; font-family: "Indie Flower","メイリオ"; font-size: 10pt; color: #7d7d7d; letter-spacing: 3px; line-height: 150%; background: -moz-linear-gradient(left, #fff, #fff 50%, #a2d7dd 50%, #a2d7dd); background: -webkit-linear-gradient(left, #fff, #fff 50%, #a2d7dd 50%, #a2d7dd); background: linear-gradient(left, #fff, #fff 50%, #a2d7dd 50%, #a2d7dd); -moz-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px; } .title{ width: 450px; position: relative; z-index:10; background: #b7282e; color: #fdeff2; font-size: 24px; line-height: 1; border-radius: 5px; margin: 30px 0; padding: 14px 5px 14px 20px;} .title:after{ content: ""; position: absolute; width: 0; height: 0; top: 0; right: -26px; height: 0; width: 0; border: 26px solid #b7282e; border-right-color: transparent;} .top{ background: #fff; opacity: 0.8; border: solid 1px; border-radius: 5px; z-index:9; margin: -57px 10px 0px 20px; padding: 35px 10px 10px 10px;} a{ text-decoration: none; color: #dc143c; border-radius: 5px;} a:hover,active{ text-decoration: none; background: none; color: #b7282e;} </style>
編集パス
編集
記事削除
×
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -