การเขียนโปรแกรม css

3

background-position-x (background-position-y) เป็นคุณสมบัติ CSS ของ W3C มาตรฐานหรือไม่

ฉันกังวลเกี่ยวกับและbackground-position-x background-position-yGecko (Firefox) และ Presto (Opera) ไม่รองรับ แต่ Webkit (Chrome, Safari) ทำ ... ไม่มีใครรู้ (พร้อมการอ้างอิงอย่างเป็นทางการ) ว่านี่คือ (หรือจะ) รวมอยู่ในมาตรฐานหรือไม่?

87 css background-position

6

คลิกข้อความเพื่อเลือกปุ่มตัวเลือกที่เกี่ยวข้อง

ฉันกำลังสร้างเว็บแอปพลิเคชันแบบทดสอบโดยใช้ PHP แต่ละคำถามประกอบด้วยตัวเลือกที่แยกจากกัน<label>และมีทางเลือกที่เป็นไปได้ 4 ทางโดยใช้radio buttonsเพื่อให้ผู้ใช้เลือกคำตอบของตน HTML ปัจจุบันสำหรับคำถามเดียวมีลักษณะดังนี้: <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input id="349" type="radio" value="2" name="349">Andrew <br> <input id="349" type="radio" value="3" name="349">Andre <br> <input id="349" type="radio" value="4" name="349">Anderson <br> ฉันต้องการให้ผู้ใช้มีตัวเลือกในการคลิกที่ข้อความที่เกี่ยวข้องกับปุ่มตัวเลือก ตอนนี้ผู้ใช้สามารถคลิกที่ปุ่มตัวเลือกเท่านั้นซึ่งฉันพบว่าเป็นงานที่ค่อนข้างยุ่งยาก ฉันอ่านไม่สามารถเลือกตัวเลือกปุ่มตัวเลือกใดปุ่มหนึ่งโดยคลิกที่ข้อความตัวเลือกและคำแนะนำชี้ไปที่การทำให้forและidแอตทริบิวต์ของแท็กตรงกัน ฉันได้ทำสิ่งนี้แล้วก็ยังไม่ได้ผล คำถามของฉันคือฉันต้องการที่จะสามารถคลิกข้อความของ<input type="radio">วัตถุได้ซึ่งตรงข้ามกับการเลือกปุ่มตัวเลือกเองเท่านั้น ฉันรู้ว่าฉันเคยอ่านเกี่ยวกับเรื่องนี้มาก่อน แต่ดูเหมือนจะหาวิธีแก้ปัญหาของฉันไม่ได้ ความช่วยเหลือหรือข้อเสนอแนะใด ๆ ที่ชื่นชมมาก!

87 html css forms input radio-button

13

การสร้างเอฟเฟกต์การซูมให้กับภาพเมื่อวางเมาส์เหนือโดยใช้ CSS?

ขณะนี้ฉันกำลังพยายามสร้างเอฟเฟ็กต์การซูมโดยวางเมาส์เหนือรูปภาพหนึ่งในสี่ภาพของฉัน ปัญหาคือตัวอย่างส่วนใหญ่มักใช้ตารางหรือมาสก์ div เพื่อใช้เอฟเฟกต์บางประเภท นี่คือตัวอย่างหนึ่งที่ดำเนินการในสิ่งที่ฉันต้องการนี้ นี่คือรหัสของฉันจนถึงตอนนี้ HTML <div id="menu"> <img class ="blog" src="http://s18.postimg.org/il7hbk7i1/image.png" alt=""> <img class ="music" src="http://s18.postimg.org/4st2fxgqh/image.png" alt=""> <img class ="projects" src="http://s18.postimg.org/sxtrxn115/image.png" alt=""> <img class ="bio" src="http://s18.postimg.org/5xn4lb37d/image.png" alt=""> </div> CSS #menu { max-width: 1200px; text-align: center; margin: auto; } #menu img { width: 250px; height: 375px; padding: 0px 5px …

87 html class css

6

CSS เพื่อหยุดการตัดข้อความใต้รูปภาพ

ฉันมีมาร์กอัปต่อไปนี้: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> ฉันต้องการให้ถ้าข้อความห่อหุ้มมันจะไม่เข้าไปใน 'คอลัมน์' ของรูปภาพ ฉันรู้ว่าฉันสามารถทำได้ด้วยtable(ซึ่งฉันกำลังทำอยู่) แต่มันใช้ไม่ได้ด้วยเหตุผลนี้ ฉันได้ลองทำสิ่งต่อไปนี้แล้ว แต่ไม่ประสบความสำเร็จ: li span {width: 100px; margin-left: 20px} .fav_star {width: 20px} float: rightฉันยังพยายาม ขอบคุณ. แก้ไข: ฉันต้องการให้มีลักษณะดังนี้: IMG Text starts here and keeps going... and wrap starts here. ไม่เหมือน: IMG Text starts here and …

87 css css-float word-wrap

2

CSS“ display: table-column” ควรจะทำงานอย่างไร

ด้วย HTML และ CSS ต่อไปนี้ฉันไม่เห็นอะไรเลยในเบราว์เซอร์ของฉัน (Chrome และ IE ล่าสุดในขณะที่เขียน) ทุกอย่างยุบลงเหลือ 0x0 พิกเซล ทำไม? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; } #colRight { display: table-column; height: 100%; background-color: red; } #row1 { display: table-row; …

87 css tablelayout css-tables

19

ทำไมไซต์ผู้ดูแลระบบ django ของฉันไม่มีรูปแบบ css

ฉันสร้างไซต์สำหรับผู้ดูแลระบบDjangoโดยใช้Django เวอร์ชันพัฒนา แต่ไม่มีสไตล์ CSS: ฉันจะทำอย่างไร ขอบคุณ

87 css django admin

17

อินพุตมาตราส่วนอัตโนมัติ [type = text] เป็นความกว้างของค่า?

มีวิธีปรับขนาดความกว้างของ<input type="text">ความกว้างของค่าจริงหรือไม่? input { display: block; margin: 20px; width: auto; } <input type="text" value="I've had enough of these damn snakes, on this damn plane!" /> <input type="text" value="me too" /> เรียกใช้ข้อมูลโค้ดHide resultsขยายข้อมูลโค้ด

87 jquery html css

11

ตัดข้อความภายในสองบรรทัดภายใน div

ฉันต้องการตัดข้อความภายในสองบรรทัดภายใน div ของความกว้างที่ระบุเท่านั้น หากข้อความเกินความยาวสองบรรทัดฉันต้องการแสดงเอลิปส์ มีวิธีทำโดยใช้ CSS หรือไม่? เช่น Sample text showing wrapping of text in only two line... ขอบคุณ

87 html css

11

rem แตกต่างจาก em ใน CSS อย่างไร?

ในแหล่งที่มาของเว็บไซต์บางครั้งฉันเคยเห็นนักพัฒนาใช้remหน่วยนี้ จะคล้ายกับem? ฉันลองดูว่ามันทำอะไรได้จริง แต่มันเทียบกับอะไร? การสาธิต HTML <div>Hello <p>World</p></div> CSS div { font-size: 1.4rem; } div p { font-size: 1.4rem; }

87 css

21

Bootstrap ปิดเมนูตอบสนอง "เมื่อคลิก"

ใน "PRODUCTS" ให้คลิกฉันเลื่อน div สีขาวขึ้น (ตามที่เห็นในเอกสารแนบ) เมื่อตอบสนอง (มือถือและแท็บเล็ต) ฉันต้องการปิดแถบนำทางที่ตอบสนองโดยอัตโนมัติและแสดงเฉพาะแถบสีขาวเท่านั้น ฉันเหนื่อย: $('.btn-navbar').click(); ยังพยายาม: $('.nav-collapse').toggle(); และมันได้ผล อย่างไรก็ตามในขนาดเดสก์ท็อปมันถูกเรียกและทำอะไรบางอย่างกับเมนูที่ดูขี้ขลาดซึ่งมันจะหดตัวลงหนึ่งวินาที ความคิดใด ๆ ?

86 javascript html css twitter-bootstrap

9

วิธีใช้ Glyphicons ใน Bootstrap 3.0

ฉันใช้ glyphicons ใน bootstrap 2.3 แล้ว แต่ตอนนี้ฉันได้อัปเกรดเป็น bootstrap 3.0 แล้ว ตอนนี้ฉันไม่สามารถใช้คุณสมบัติไอคอนได้ ใน bootstrap 2.3 แท็กด้านล่างใช้งานได้ <i class="icon-search"></i> ใน bootstrap 3.0 มันไม่ทำงาน

86 html css twitter-bootstrap-3

7

เพิ่มประสิทธิภาพ Font Awesome สำหรับคลาสที่ใช้เท่านั้น

ฉันใช้ไฟล์ Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sassเพื่อทำให้เป็น_font-awesome.sassดังนั้นฉันจึงสามารถทำได้@importในโครงการ Sass ของฉัน นอกจากนี้ผมยังใช้http://middlemanapp.com/การแปลงSassเพื่อCss คำถาม: มีวิธีในการนำเฉพาะคลาสไอคอนที่ใช้แล้วมาเป็น. css ที่แปลงแล้วของฉันหรือไม่? เพราะตอนนี้มันมีทุกคลาสตั้งแต่_font-awesome.sass โบนัส:เป็นไปได้ไหมที่จะคอมไพล์ฟอนต์ใหม่ด้วยคลาสไอคอนที่ใช้แล้วเพื่อทำให้เล็กลงในการใช้งานจริง? หากฉันได้รับคำแนะนำเกี่ยวกับ # 1 ข้างต้นนั่นก็น่าจะดีพอ ขอบคุณ.

86 css sass font-awesome

9

ข้อความสามารถซ่อนและแสดงโดยใช้แค่ CSS (ไม่มีโค้ด JavaScript) ได้หรือไม่ [ปิด]

ปิด . คำถามนี้ต้องการรายละเอียดหรือความคมชัด ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ เพิ่มรายละเอียดและชี้แจงปัญหาโดยแก้ไขโพสต์นี้ ปิดให้บริการใน2 ปีที่ผ่านมา ปรับปรุงคำถามนี้ เป็นไปได้หรือไม่ที่จะแสดงและซ่อนข้อความโดยใช้ลิงก์ที่มี CSS เพียงอย่างเดียวโดยไม่ต้องใช้ JavaScript เลย? ตัวอย่างเช่นในหน้านี้ สังเกตลิงก์ "เพิ่มเติม" เมื่อคุณคลิกมันจะยกเลิกการซ่อนข้อความ ตัวอย่างนี้คือ JavaScript แต่ฉันไม่แน่ใจว่าสามารถทำได้ด้วย CSS บริสุทธิ์หรือไม่

86 css

5

โครงสร้างสินทรัพย์ SCSS ที่เหมาะสมใน Rails

ดังนั้นฉันมีapp/assets/stylesheets/โครงสร้างไดเร็กทอรีที่มีลักษณะดังนี้: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements ในแต่ละไดเร็กทอรีมีหลายส่วนของ sass (โดยปกติคือ * .css.scss แต่หนึ่งหรือสอง * .css.scss.erb) ฉันอาจจะคิดมาก แต่ทางรถไฟควรรวบรวมไฟล์ทั้งหมดในไดเร็กทอรีเหล่านั้นโดยอัตโนมัติเนื่องจาก*= require_tree .ใน application.css ใช่ไหม? ฉันเพิ่งลองปรับโครงสร้างไฟล์เหล่านี้โดยลบตัวแปรสีทั้งหมดและวางไว้ในไฟล์ในapp/assets/stylesheetsโฟลเดอร์รูท(_colors.css.scss) จากนั้นฉันสร้างไฟล์ในapp/assets/stylesheetsโฟลเดอร์รูทชื่อ master.css.scss ซึ่งมีลักษณะดังนี้: // Color Palette @import "colors"; // Mixins @import "mixins/buttons/standard_button"; @import "mixins/gradients/table_header_fade"; @import "mixins/vendor_support/rounded_corners"; @import "mixins/vendor_support/rounded_corners_top"; @import "mixins/vendor_support/box_shadow"; @import "mixins/vendor_support/opacity"; ฉันไม่เข้าใจจริงๆว่ารางจัดการลำดับการรวบรวมเนื้อหาอย่างไร แต่เห็นได้ชัดว่ามันไม่ได้อยู่ในความโปรดปรานของฉัน ดูเหมือนว่าไม่มีไฟล์ใดที่ทราบว่ามีการนำเข้าตัวแปรหรือมิกซ์อินจึงทำให้เกิดข้อผิดพลาดและฉันไม่สามารถรวบรวมได้ …

86 css ruby-on-rails asset-pipeline sass

7

ร่างบนเส้นขอบเดียวเท่านั้น

วิธีใช้เส้นขอบที่ใส่เข้าไปในองค์ประกอบ HTML แต่เพียงแค่ด้านเดียวเท่านั้น จนถึงตอนนี้ฉันใช้รูปภาพเพื่อทำสิ่งนั้น (GIF / PNG) ซึ่งฉันจะใช้เป็นพื้นหลังและยืดมัน (repeat-x) และวางตำแหน่งห่างจากด้านบนของบล็อกเล็กน้อย เมื่อเร็ว ๆ นี้ฉันได้ค้นพบคุณสมบัติ CSS เค้าร่างซึ่งเยี่ยมมาก! แต่ดูเหมือนจะวนไปทั้งบล็อก ... อาจเป็นไปได้ไหมที่จะใช้คุณสมบัติโครงร่างนี้เพื่อทำบนเส้นขอบเพียงเส้นเดียว? นอกจากนี้หากไม่มีคุณมีเคล็ดลับ CSS ที่สามารถแทนที่ภาพพื้นหลังได้หรือไม่? (เพื่อให้ฉันสามารถปรับแต่งสีของโครงร่างในภายหลังโดยใช้ CSS ฯลฯ ) ขอบคุณล่วงหน้า! นี่คือภาพของสิ่งที่พยายามบรรลุ: http://exiledesigns.com/stack.jpg

86 html css

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