function addCSSRule(selector, css) { var sheets = document.styleSheets, sheet = sheets[sheets.length - 1]; if(sheet.insertRule) { sheet.insertRule(selector + '{' + css + '}', sheet.cssRules.length); }else if(sheet.addRule) { sheet.addRule(…

cssで:before, :after疑似セレクタを使うと、そのオブジェクトの前後に要素を作成できます。その要素はDOM上に存在するわけじゃないので、じゃあどうやってjavascriptでアクセスするの？っていう話。実は疑似要素にはattr()なんて機能があって、下のgist cod…

これいいよ！ html部分 <section id="main-visual2"> <h1>選ばれる理由はこの３つ</h1> <p class="text1">大阪結婚相談所ヴィーノには選ばれる理由があります。 会員数述べ67216名（関西21587名） お見合い率99.1％（3ヶ月以内） 交際率91.5％（三ヶ月以内） </p> </section> css #main-visual2 { /** * 子要素をposition:absolu…

img { width: 100%; height: initial; } #main-visual2 { padding: 10px; background-position-x: 0px; background-image: url(images/main-visual2.gif); background-repeat: no-repeat; /*background-size:cover;*/ -moz-background-size: 100% auto; back…