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

ฉันต้องการหมุนไอคอนการโหลดด้วย CSS ฉันมีไอคอนและรหัสต่อไปนี้: <style> #test { width: 32px; height: 32px; background: url('refresh.png'); } .rotating { -webkit-transform: rotate(360deg); -webkit-transition-duration: 1s; -webkit-transition-delay: now; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } </style> <div id='test' class='rotating'></div> แต่มันไม่ทำงาน ไอคอนสามารถหมุนโดยใช้ CSS ได้อย่างไร

146 css  animation  webkit 

ฉันกำลังพยายามหาที่เก็บสีน้ำเงินตรงกลางของสีชมพู แต่ดูเหมือนว่าvertical-align: middle;จะไม่ทำงานในกรณีนั้น <div style="display: block; position: absolute; left: 50px; top: 50px;"> <div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"> <div style="background-color: lightblue;">test</div> </div> </div> ผลลัพธ์: ความคาดหวัง: กรุณาแนะนำว่าฉันจะบรรลุสิ่งนั้นได้อย่างไร Jsfiddle

146 html  css  vertical-alignment  absolute 

ฉันพยายามแสดงภาพ png ใน<button>องค์ประกอบใน HTML ปุ่มมีขนาดเดียวกับภาพและภาพจะปรากฏขึ้น แต่ด้วยเหตุผลบางประการไม่ได้อยู่ตรงกลางจึงไม่สามารถมองเห็นได้ทั้งหมด กล่าวอีกนัยหนึ่งก็คือดูเหมือนว่ามุมขวาบนของภาพจะอยู่ตรงกลางปุ่มไม่ใช่ที่มุมขวาบนของปุ่ม นี่คือรหัส HTML: <button id="close" class="closing" onClick="javascript:close_clip()"><img src="icons/close.png" /></button> อัปเดต: สิ่งที่เกิดขึ้นจริงฉันคิดว่าเป็นปัญหาระยะขอบ ฉันได้ระยะขอบสองพิกเซลดังนั้นภาพพื้นหลังจึงหลุดออกจากปุ่ม ปุ่มและภาพที่มีขนาดเดียวกันซึ่งเป็นเพียง20pxดังนั้นจึงเห็นได้ชัดมาก ... ฉันพยายามmargin:0, padding:0แต่มันก็ไม่ได้ช่วย ...

146 html  css  image  button 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันมี HTML select box ที่ฉันต้องการใส่สไตล์ ฉันต้องการใช้เพียง CSS แต่ถ้าฉันต้องฉันจะใช้ jQuery เพื่อเติมช่องว่าง ใครสามารถแนะนำกวดวิชาหรือปลั๊กอินที่ดี? ฉันรู้ว่า Google แต่ฉันค้นหาสองชั่วโมงที่ผ่านมาและฉันไม่พบสิ่งใดที่ตรงกับความต้องการของฉัน มันจะต้องเป็น: เข้ากันได้กับ jQuery 1.3.2 ที่สามารถเข้าถึงได้ สงบเสงี่ยม ปรับแต่งได้อย่างสมบูรณ์ในแง่ของการออกแบบทุกด้านของกล่องที่เลือก ไม่มีใครรู้อะไรที่จะตอบสนองความต้องการของฉัน?

145 jquery  css  html-select 

ปัจจุบันถ้าบุคคลกดenterภายในพื้นที่ข้อความแบบฟอร์มจะส่ง ดีฉันต้องการมัน แต่เมื่อพวกเขาพิมพ์shift+ enterฉันต้องการให้ textarea ย้ายไปที่บรรทัดถัดไป:\n ฉันจะทำเช่นนั้นในJQueryหรือธรรมดา JavaScript ง่ายที่สุด?

145 javascript  jquery  html  css 

การใช้งานที่ถูกต้องของคุณสมบัติภาพพื้นหลัง CSS คืออะไร? สิ่งสำคัญที่ฉันพยายามเข้าใจคือ จำเป็นต้องอยู่ในเครื่องหมายคำพูดเช่น: background-image: url('images/slides/background.jpg'); มันสามารถเป็นเส้นทางสัมพัทธ์ (ดังกล่าวข้างต้น) หรือต้องเป็น URL แบบเต็มหรือไม่ ประเด็นอื่น ๆ ที่ฉันควรทราบเพื่อให้แน่ใจว่าทำงานได้อย่างถูกต้องในเบราว์เซอร์ที่ได้มาตรฐาน

145 css 

ฉันมีแผนที่รูปภาพที่มีอยู่ในเค้าโครง HTML ที่ตอบสนองได้ดี ปรับขนาดภาพตามขนาดเบราว์เซอร์ แต่พิกัดภาพเป็นขนาดพิกเซลคงที่แน่นอน ตัวเลือกใดที่ฉันต้องปรับขนาดพิกัดแผนที่รูปภาพ

145 html  css  imagemap 

ฉันจะตั้งค่าระยะห่างบรรทัดด้วย CSS เช่นเดียวกับที่เราสามารถตั้งค่าใน MS Word ได้อย่างไร

145 css  line 

ฉันพยายามเข้าใจสิ่งที่ดูเหมือนจะเป็นพฤติกรรมที่ไม่คาดคิดสำหรับฉัน: ฉันมีองค์ประกอบที่มีความสูงสูงสุด 100% ภายในคอนเทนเนอร์ที่ใช้ความสูงสูงสุด แต่ลูกจะล้นแม่โดยไม่คาดคิด: กรณีทดสอบ: http://jsfiddle.net/bq4Wu/16/ .container { background: blue; padding: 10px; max-height: 200px; max-width: 200px; } img { display: block; max-height: 100%; max-width: 100%; } สิ่งนี้ได้รับการแก้ไขแล้วหากผู้ปกครองได้รับความสูงที่ชัดเจน: กรณีทดสอบ: http://jsfiddle.net/bq4Wu/17/ .container { height: 200px; } ไม่มีใครรู้ว่าทำไมเด็กถึงไม่ให้เกียรติกับความสูงสูงสุดของพ่อแม่ในตัวอย่างแรก? เหตุใดจึงต้องมีความสูงที่ชัดเจน

145 css 

ฉันจะได้รับ "x" เพื่อจัดแนวตั้งในช่วงกลางของช่วงได้อย่างไร .foo { height: 50px; border: solid black 1px; display: inline-block; vertical-align: middle; } <span class="foo"> x </span>

144 html  css 

.offset([coordinates])เมธอดตั้งค่าพิกัดขององค์ประกอบ แต่สัมพันธ์กับเอกสารเท่านั้น จากนั้นฉันจะตั้งค่าพิกัดขององค์ประกอบ แต่สัมพันธ์กับแม่ได้อย่างไร ฉันพบว่า.position()วิธีการรับเฉพาะค่า "บนสุด, ซ้าย" ที่สัมพันธ์กับ parent แต่ไม่ได้ตั้งค่า ฉันลองด้วย $("#mydiv").css({top: 200, left: 200}); แต่ไม่ทำงาน

144 jquery  css  jquery-selectors  positioning  css-position 

แท็กฉลากไม่มีคุณสมบัติ 'ความกว้าง' ดังนั้นฉันจะควบคุมความกว้างของแท็กฉลากได้อย่างไร

144 html  css  label 

ฉันกำลังอ่านโพสต์สแต็คโอเวอร์โฟลว์ชื่อ "คุณสามารถสร้างการตอบสนองของ iFrame ได้หรือไม่" และหนึ่งในความเห็น / คำตอบหนึ่งทำให้ฉันได้jfiddle นี้ แต่เมื่อฉันพยายามใช้ HTML และ CSS เพื่อให้เหมาะกับความต้องการของฉันฉันก็ไม่ได้มีผลลัพธ์ / ความสำเร็จเหมือนกัน ฉันสร้างซอ fiddle ของฉันเองเพื่อให้ฉันสามารถแสดงให้คุณเห็นว่ามันไม่ทำงานเหมือนกันสำหรับฉัน ฉันแน่ใจว่ามีบางอย่างเกี่ยวกับประเภทของ iFrame ที่ฉันใช้ (เช่นรูปภาพของผลิตภัณฑ์อาจต้องตอบสนองด้วยหรือบางสิ่ง) ข้อกังวลหลักของฉันคือเมื่อผู้อ่านบล็อกของฉันเยี่ยมชมบล็อกบน iPhone ของพวกเขาฉันไม่ต้องการให้ทุกอย่างมีความกว้าง x (100% สำหรับเนื้อหาทั้งหมดของฉัน) จากนั้น iFrame ทำงานผิดพลาดและเป็นองค์ประกอบเดียวที่กว้างขึ้น เอาเนื้อหาอื่น ๆ ที่ผ่านมาทั้งหมดออกไป - ถ้ามันเข้าท่า?) อย่างไรก็ตามมีใครรู้บ้างว่าทำไมมันไม่ทำงาน ขอบคุณ. นี่คือ HTML & CSS ของ MY JSFIDDLE (หากคุณไม่ต้องการคลิกที่ลิงค์): <div class="wrapper"> <div class="h_iframe"> …

144 css  iframe  responsive-design 

ฉันมี 3 ระดับdiv: (สีเขียวด้านล่าง)ระดับชั้นนำด้วยdiv overflow: hiddenนี่เป็นเพราะฉันต้องการเนื้อหาบางส่วน (ไม่แสดงที่นี่) ภายในกล่องนั้นจะถูกครอบตัดหากมีขนาดเกินขนาดของกล่อง (สีแดงด้านล่าง)ภายในนี้ผมต้องมีdiv position: relativeการใช้งานเฉพาะสำหรับสิ่งนี้คือสำหรับระดับถัดไป (เป็นสีฟ้าด้านล่าง)ในที่สุดdivฉันก็ออกจากการไหลด้วยposition: absoluteแต่ฉันต้องการตำแหน่งที่สัมพันธ์กับสีแดงdiv(ไม่ใช่หน้า) ฉันต้องการให้กล่องสีฟ้าถูกนำออกจากการไหลและขยายออกไปนอกกล่องสีเขียว แต่จะวางในตำแหน่งที่สัมพันธ์กับกล่องสีแดงดังที่: อย่างไรก็ตามด้วยรหัสด้านล่างฉันได้รับ: และนำposition: relativeกล่องสีแดงออกตอนนี้กล่องสีฟ้าได้รับอนุญาตให้ออกจากกล่องสีเขียว แต่ไม่ได้อยู่ในตำแหน่งที่เกี่ยวข้องกับกล่องสีแดงอีกต่อไป: มีวิธีการ: เก็บoverflow: hiddenในกล่องสีเขียว กล่องสีฟ้าขยายออกไปนอกกล่องสีเขียวและอยู่ในตำแหน่งที่สัมพันธ์กับกล่องสีแดงหรือไม่? แหล่งที่มาเต็มรูปแบบ: #d1 { overflow: hidden; background: #efe; padding: 5px; width: 125px; } #d2 { position: relative; background: #fee; padding: 2px; width: 100px; height: 100px; } #d3 { …

144 css  overflow  css-position 

อะไรจะเป็นวิธีที่ดีที่สุดในการแทรกภาพเล็ก ๆ หลังจากแต่ละองค์ประกอบของรายการ ฉันลองใช้คลาสหลอก แต่มีบางอย่างไม่ถูกต้อง ... ul li a:after {display: block; width: 3px; height: 5px; background: url ('../images/small_triangle.png') transparent no-repeat;} ขอบคุณสำหรับความช่วยเหลือใด ๆ !

144 css