คำถามติดแท็ก css

ดังที่เห็นได้ในซอต่อไปนี้ฉันมีสองตัวdivที่มีอยู่ในพ่อแม่divที่มี div ขนาดใหญ่เป้าหมายของฉันคือทำให้เด็กเหล่านั้นdivมีความสูงเท่ากัน http://fiddle.jshell.net/y9bM4/

96 css  html 

ฉันต้องการแสดงจุดทั้งหมดในแผนภูมิของฉันจากข้อมูลที่ฉันได้รับ แต่ฉันไม่ต้องการแสดงป้ายกำกับทั้งหมดสำหรับพวกเขาเนื่องจากแผนภูมินั้นอ่านไม่ได้มากนัก ฉันกำลังมองหาในเอกสาร แต่ไม่พบพารามิเตอร์ใด ๆ ที่จะ จำกัด สิ่งนี้ ฉันไม่ต้องการใช้เพียงสามป้ายเนื่องจากแผนภูมิถูก จำกัด ไว้ที่สามจุด เป็นไปได้ไหม? ฉันมีบางอย่างในขณะนี้: ถ้าฉันสามารถออกทุกๆสามในสี่ป้ายก็จะดีมาก แต่ฉันไม่พบอะไรเลยเกี่ยวกับตัวเลือกป้ายกำกับ

96 javascript  css  canvas  charts  chart.js 

ฉันมีแบบฟอร์มที่มีปุ่มตัวเลือกที่อยู่ในบรรทัดเดียวกับป้ายกำกับ อย่างไรก็ตามปุ่มตัวเลือกไม่ได้อยู่ในแนวตั้งกับป้ายกำกับดังที่แสดงในภาพหน้าจอด้านล่าง ฉันจะจัดปุ่มตัวเลือกให้ตรงกับป้ายกำกับในแนวตั้งได้อย่างไร แก้ไข: นี่คือรหัส html: <input checked="checked" type="radio" name="user_level" id="rd1" value="1"/> <label for="rd1">radio 1</label><br/> <input type="radio" name="user_level" id="rd2" value="2"/> <label for="rd2">radio 2</label><br/> <input type="radio" name="user_level" id="rd3" value="3"/> <label for="rd3">radio 3</label><br/> และรหัส css: label{ padding:5px; color:#222; font-family:corbel,sans-serif; font-size: 14px; margin: 10px; }

96 html  css  forms  xhtml  radio-button 

ฉันสังเกตเห็นว่าเบราว์เซอร์ Microsoft Edge ใหม่จะแทนที่รูปแบบของฉันเมื่อตรวจพบหมายเลขโทรศัพท์: <span class="phone">(123)123-1234</span> ดูjsfiddle นี้ (ต้องเปิดโดยใช้ Microsoft Edge: P) ประเภทนี้บุกรุกในการออกแบบเว็บไซต์และค่อนข้างน่ารังเกียจ ดูเหมือนว่าเป็นลักษณะของผู้สืบทอดจาก IE: / ฉันจะลบล้างหรือปิดใช้งานสิ่งนี้ได้อย่างไรเพื่อไม่ให้ผู้ใช้เว็บไซต์ของฉันเห็น

96 html  css  microsoft-edge 

ฉันมีองค์ประกอบที่เป็นตำแหน่ง: คงที่และเลื่อนไปตามหน้าที่ฉันต้องการให้เป็นอย่างไร เมื่อผู้ใช้เลื่อนขึ้นฉันต้องการให้องค์ประกอบหยุดเลื่อนเมื่อถึงจุดหนึ่งบอกว่าเมื่ออยู่ที่ 250px จากด้านบนของหน้าเป็นไปได้หรือไม่ ความช่วยเหลือหรือคำแนะนำใด ๆ จะเป็นประโยชน์ขอบคุณ! ฉันมีความรู้สึกว่าต้องใช้ jquery จึงจะทำได้ ฉันพยายามเลื่อนหรือตำแหน่งของตำแหน่งที่ผู้ใช้อยู่ แต่สับสนจริงๆมีวิธีแก้ไข jquery หรือไม่?

96 jquery  css  positioning 

ฉันจะวางตำแหน่งต่างๆได้อย่างไร <img>องค์ประกอบอย่างเป็นวงกลมรอบ ๆ อีกวงหนึ่งได้อย่างไรและให้องค์ประกอบเหล่านั้นเป็นลิงค์ที่คลิกได้ด้วย? ฉันต้องการให้มันดูเหมือนภาพด้านล่าง แต่ฉันไม่รู้ว่าจะทำอย่างไรให้ได้เอฟเฟกต์นั้น เป็นไปได้หรือไม่?

96 html  css 

เมื่อเขียนสไตล์ชีตการพิมพ์มีวิธีใดบ้างที่จะทำให้แน่ใจว่ารูปภาพจะอยู่ในหน้าเดียวเสมอไปแทนที่จะต้องขยายหลายหน้า รูปภาพมีขนาดเล็กกว่าหน้ามาก แต่ขึ้นอยู่กับขั้นตอนของเอกสารพวกเขาจะจบลงที่ด้านล่างของหน้าและแยกออก ตัวอย่างพฤติกรรมที่ฉันเห็นอยู่ด้านล่าง: Page 1 | | | (text text text) | | (text text text) | | ________________ | | | Top of image | | |____________________| ------page break------ ____________________ Page 2 | | Rest of image | | | |________________| | | … | สิ่งที่ฉันต้องการ Page 1 …

96 css  image  printing  print-style 

ดังนั้นฉันจึงมีรหัสนี้ที่นี่: <table> <tr> <td width="200px" valign="top"> <div class="left_menu"> <div class="menu_item"> <a href="#">Home</a> </div> </div> </td> <td width="1000px" valign="top">Content</td> </tr> </table> ด้วย CSS .left_menu { background: none repeat scroll 0 0 #333333; border-radius: 5px 5px 5px 5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: 5px; } .menu_item { background: none repeat …

96 html  css  html-table  width 

ฉันกำลังพยายามใช้เอฟเฟกต์ "จางหาย" ใน CSS แท้ นี่คือไวโอลิน ฉันได้ดูวิธีแก้ปัญหาสองสามวิธีทางออนไลน์อย่างไรก็ตามหลังจากอ่านเอกสารทางออนไลน์ฉันพยายามหาสาเหตุที่ภาพเคลื่อนไหวสไลด์ไม่ทำงาน คำแนะนำใด ๆ .dummy-wrap { animation: slideup 2s; -moz-animation: slideup 2s; -webkit-animation: slideup 2s; -o-animation: slideup 2s; } .success-wrap { width: 75px; min-height: 20px; clear: both; margin-top: 10px; } .successfully-saved { color: #FFFFFF; font-size: 20px; padding: 15px 40px; margin-bottom: 20px; text-align: center; -webkit-border-radius: 5px; …

96 css  css-transitions 

ฉันต้องการสร้างบล็อคสี 100% แบบสลับกัน สถานการณ์ "ในอุดมคติ" แสดงเป็นสิ่งที่แนบมาเช่นเดียวกับสถานการณ์ปัจจุบัน การตั้งค่าที่ต้องการ: ปัจจุบัน: ความคิดแรกของฉันคือสร้างคลาส div กำหนดสีพื้นหลังและกำหนดความกว้าง 100% .block { width: 100%; background: #fff; } อย่างไรก็ตามคุณจะเห็นได้ว่าสิ่งนี้ไม่ได้ผล มัน จำกัด อยู่ในพื้นที่คอนเทนเนอร์ ฉันพยายามปิดคอนเทนเนอร์ แต่ก็ไม่ได้ผลเช่นกัน

96 css  twitter-bootstrap  width 

มีใครทราบวิธีปรับขนาดโปสเตอร์วิดีโอ HTML5 ให้พอดีกับขนาดของวิดีโอไหม นี่คือ jsfiddle ที่แสดงปัญหา: http://jsfiddle.net/zPacg/7/ นี่คือรหัสนั้น: HTML: <video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"> <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /> <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" /> </video>​ CSS: video{ border:1px solid red; }​ สังเกตว่าสี่เหลี่ยมผืนผ้าสีส้มไม่ได้ปรับขนาดให้เท่ากับขอบสีแดงของวิดีโอ นอกจากนี้การเพิ่ม CSS ด้านล่างก็ใช้ไม่ได้เช่นกันเนื่องจากปรับขนาดวิดีโอพร้อมกับโปสเตอร์: video[poster]{ height:100%; width:100%; }

96 css  html  attributes  html5-video 

SASS มีคุณสมบัติที่เรียกว่า@extendซึ่งทำให้ตัวเลือกสามารถสืบทอดคุณสมบัติของตัวเลือกอื่นได้ แต่ไม่ต้องคัดลอกคุณสมบัติ (เช่นมิกซ์อิน) LESS มีคุณสมบัตินี้ด้วยหรือไม่?

96 css  sass  less  extend 

เช่น @import url("~./foobar"); เห็นที่นี่ไม่แน่ใจว่าเป็นสิ่งเฉพาะของแพ็คเกจหรือว่าเป็นไวยากรณ์ CSS จริง

96 css  webpack  webpack-style-loader 

ฉันรู้ว่าการฝังสไตล์ CSS ลงในแท็ก HTML โดยตรงจะส่งผลต่อการเอาชนะจุดประสงค์ส่วนใหญ่ของ CSS แต่บางครั้งก็มีประโยชน์สำหรับการดีบักเช่นใน: <p style="font-size: 24px">asdf</p> ไวยากรณ์สำหรับการฝังกฎเป็นอย่างไร: a:hover {text-decoration: underline;} ลงในแอตทริบิวต์สไตล์ของแท็ก A? ไม่ชัดนี่ ... <a href="foo" style="text-decoration: underline">bar</a> ... เนื่องจากจะมีผลตลอดเวลาซึ่งต่างจากเพียงแค่ในระหว่างการวางเมาส์

96 html  css 

ขออภัยหากคำถามนี้ได้รับคำตอบแล้ว ฉันได้ลองค้นหาวิธีแก้ไขแล้ว แต่ไม่พบสิ่งที่เหมาะกับรหัสของฉัน ฉันยังใหม่กับ jQuery ฉันมีเมนูติดหนึบสองประเภทที่แตกต่างกันสำหรับสองหน้าที่ต่างกัน นี่คือรหัสสำหรับทั้งคู่ $(document).ready(function () { var contentNav = $('.content-nav').offset().top; var stickyNav = function () { var scrollTop = $(window).scrollTop(); if (scrollTop > contentNav) { $('.content-nav').addClass('content-nav-sticky'); } else {; $('.content-nav').removeClass('content-nav-sticky') } }; stickyNav(); $(window).scroll(function () { stickyNav(); }); }); $(document).ready(function () { var stickyNavTop = $('.nav-map').offset().top; …

96 javascript  jquery  html  css  dom