จะเก็บสไตล์ไว้ในขณะที่ลากองค์ประกอบได้อย่างไร?

ปัญหาของฉันคือ ฉันมีองค์ประกอบที่สามารถลากได้ซึ่งมีสไตล์อยู่บ้าง เมื่อฉันลากมัน มันจะไม่เก็บสไตล์ทั้งหมดไว้ แต่บางสไตล์ก็หายไปในขณะที่องค์ประกอบกำลังถูกลาก

โดยเฉพาะสิ่งที่ฉันต้องเก็บไว้คือกล่องเงา

เล่นซอที่นี่

รูปแบบเงากล่องมาตรฐาน:

.fixed-red-bg {
    box-shadow:10px 5px 5px 5px;
}

ฉันจะไม่สูญเสียเงาของกล่องขณะลากองค์ประกอบนั้นได้อย่างไร มีสไตล์อื่นใดที่ไม่สูญหายขณะลากและสามารถใช้เพื่อเลียนแบบเอฟเฟกต์ความลึกหรือไม่


person caiocpricci2    schedule 17.06.2016    source แหล่งที่มา


คำตอบ (1)


บน Chrome และ Firefox เมื่อคุณวางกล่องสีแดงลงในพื้นที่วาง เงาจะยังคงอยู่ อย่างไรก็ตาม ในขณะที่ คุณกำลังลาก Chrome มักจะทิ้งเงาไว้ ฉันจำได้ว่าปัญหานี้มีการรายงานเมื่อไม่กี่ปีที่ผ่านมา แต่ฉันไม่เชื่อว่ามันได้รับการแก้ไขแล้วใช่หรือไม่

แม้ว่าคนอื่นอาจมีวิธีแก้ไขที่เหมาะสมโดยใช้ CSS แต่สิ่งที่คุณทำได้คือสร้างรูปภาพ .png แบบกึ่งโปร่งใสเป็นเงา และวางไว้ใต้วัตถุโดยใช้อักขระหลอก before

person Aaron Lavers    schedule 17.06.2016
comment
เพิ่งแก้ไขคำถามเพื่อตอกย้ำปัญหาที่เกิดขึ้นขณะลาก เป็นข้อเสนอแนะที่ดี ฉันจะลองดูและโพสต์อัปเดตที่นี่ - person caiocpricci2; 17.06.2016